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

52次阅读

共计 2572 个字符,预计需要花费 7 分钟才能阅读完成。

本文重点介绍 Linux deepin 下开发 hexo 搭配 next、GiteePages,免费轻松实现高质量高颜值博客。其他系统的方法大同小异,只是环境配置略有不同,只要有 git 和 npm 环境便可轻松入门 hexo。
最终效果: https://tczmh.gitee.io/hexodemo/
一、安装
先安装 git npm 依赖
sudo apt install git
sudo apt install npm
初始化
hexo init blog
cd blog
npm install
启动
hexo server
打开浏览器访问 http://localhost:4000即可看到第一个 hexo 页面

二、主题
换主题 (位置还是在 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
效果如图
三、发文章
发表文章
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
效果如下 https://tczmh.gitee.io/hexodemo/2019/01/17/demo/
四、部署线上
避坑指南:用户名之后会用来作为二级域名例子: 若 用户名为 qiaofeng 那么 就可以获得一个免费的个人线上地址 qiaofeng.gitee.io 若 新建项目的时候,项目名如果是 blog 那么 访问地址就是 https://qiaofeng.gitee.io/blog/ 若项目名与用户名相同也叫 qiaofeng 那么 可以直接访问二级域名访问 https://qiaofeng.gitee.io 而省略项目名
先注册码云 (https://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
访问地址:https://tczmh.gitee.io/hexodemo
和本地测试的一样
大功告成!
之后只需要修改本地配置文件来配置博客,发表文章更多功能访问官方文档 https://hexo.io/zh-cn/docs/http://theme-next.iissnan.com/getting-started.html
补充一下
生成二维码方法 (因为开启 HTTPS 所以直接支持 微信扫一扫 微信长按二维码识别等)https://cli.im/[](https://cli.im/) 输入【URL】点击【生成】即可
主要就是这些,都是一些基本入门的东西,深入研究可以说是其乐无穷。本篇内容也可以查看我的个人博客:https://zzzmh.cn/single?id=54

正文完
 0