入门hexo ! 搭配next、GiteePages，轻松免费开发高质量我的博客 ( Linux Deepin )

本文重点介绍Linux deepin下开发hexo 搭配next、GiteePages，免费轻松实现高质量高颜值博客。其余系统的方法大同小异，只是环境配置略有不一样，只要有git和npm环境即可轻松入门hexo。

最终效果: tczmh.gitee.io/hexodemo/

1、安装

先安装git npm依赖

sudo apt install git
sudo apt install npm
复制代码

初始化

hexo init blog
cd blog
npm install
复制代码

启动

hexo server
复制代码

打开浏览器访问 http://localhost:4000 便可看到第一个hexo页面

2、主题

换主题 ( 位置仍是在blog文件夹内 Linux下默认位置是 /usr/lib/blog )

git clone https://github.com/iissnan/hexo-theme-next themes/next
复制代码

配置文件

vim _config.yml
复制代码

theme: landscape 改成 theme: next

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next
复制代码

部署 重启

hexo g -d
hexo s
复制代码

效果如图

3、发文章

发表文章

hexo new post "初识hexo"
复制代码

编辑文章

vim /usr/lib/blog/source/_posts/初识hexo.md
复制代码

修改内容，语法为markdown (语法问题，全部的 ` 被我替换成了 . 使用的时候要替换回来)

---
title: test
date: 2019-01-17 09:27:29
tags: test ---
## start
----
**这是加粗的文字**
*这是倾斜的文字*`
***这是斜体加粗的文字***
~~这是加删除线的文字~~ ----
![blockchain](https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/
u=702257389,1274025419&fm=27&gp=0.jpg "区块链") ----
<a href="https://www.jianshu.com/u/1f5ac0cf6a8b" target="_blank">简书</a> ----
姓名|技能|排行
--|:--:|--:
刘备|哭|大哥
关羽|打|二哥
张飞|骂|三弟 ----
...javascript
 function clean(){
 alert("已完成!");
 }
... ----
...flow
st=>start: 开始
e=>end: 结束
op=>operation: 个人操做
cond=>condition: 确认？
st->op->cond
cond(yes)->e
cond(no)->op
... ----
##end
复制代码

部署 重启

hexo g -d
hexo s
复制代码

效果以下 tczmh.gitee.io/hexodemo/20…

4、部署线上

避坑指南：用户名以后会用来做为二级域名 例子: 若 用户名为qiaofeng 那么 就能够得到一个免费的我的线上地址qiaofeng.gitee.io 若 新建项目的时候，项目名若是是blog 那么 访问地址就是https://qiaofeng.gitee.io/blog/ 若项目名与用户名相同也叫qiaofeng 那么 能够直接访问二级域名访问 qiaofeng.gitee.io 而省略项目名

先注册码云(gitee.com)，新建项目

(截图省略) 打开【服务】 - 【Gitee Pages】 勾选【强制使用 HTTPS】 点击【启动】 看到“已开启 Gitee Pages 服务，网站地址：  https://tczmh.gitee.io/hexodemo” 便可

回到本地，修改配置文件

vim _config.yml
复制代码

中间修改

(这里的url是刚才开启Gitee Pages 服务出现的url，root必须是gitee新建的项目名，若是最后出现读不到js css，显示混乱等问题，就是这一步不对)

url: https://tczmh.gitee.io/hexodemo
root: /hexodemo
复制代码

结尾修改

deploy:
  type: git
  repo: https://gitee.com/tczmh/hexodemo.git
  branch: master
复制代码

其中repo填写gitee上得到的git地址，在【项目详情】 - 【克隆/下载】 - 【复制】

安装依赖

npm install hexo-deployer-git --save
复制代码

设置全局git (若邮箱和用户名不知道，能够在gitee的我的设置页面查看)

git config --global user.email "你的邮箱"
git config --global user.name "你的用户名"
复制代码

清理&更新&部署一条龙命令 (可能须要输入帐号密码，就输gitee登陆的便可)

hexo clean && hexo g && hexo d
复制代码

看到如下内容说明成功

remote: Powered By Gitee.com        
To https://gitee.com/tczmh/hexodemo.git
 + cfcc494...395648d HEAD -> master (forced update)
分支 'master' 设置为跟踪来自 'https://gitee.com/tczmh/hexodemo.git' 的远程分支 'master'。
INFO  Deploy done: git
复制代码

访问地址：tczmh.gitee.io/hexodemo

和本地测试的同样

大功告成！

以后只须要修改本地配置文件 来配置博客，发表文章 更多功能访问官方文档 hexo.io/zh-cn/docs/ theme-next.iissnan.com/getting-sta…

补充一下

生成二维码方法 (由于开启HTTPS 因此直接支持 微信扫一扫 微信长按二维码识别等) cli.im/ 输入【URL】 点击【生成】便可

主要就是这些，都是一些基本入门的东西，深刻研究能够说是其乐无穷。 本篇内容也能够查看个人我的博客:zzzmh.cn/single?id=5…