Hexo 搭建博客
简介
主要技术为:nodeJs + git + hexo;
nodeJs和git这里就不多说了,直接去官网下载注册即可,主要说下hexo。
hexo 本地配置
- 安装hexo
mkdir hexo && cd hexo npm i hexo-cli -g npm i hexo --save
- 检测是否安装成功
hexo -v
- 初始化
hexo init
- 安装依赖包
npm i # 或者 cnpm i 或者 yarn 都可以
- 首次体验hexo
hexo g # 之后每次操作需要看效果调试时直接输入 hexo s 即可 hexo s
- 在浏览器中打开 http://localhost:4000 可预览hexo,至此,hexo本地配置成功
将hexo与github page联系起来
- 配置git个人信息
git config --global urser.name "zine-fj" git config --global user.email "[email protected]" #生成秘钥 ssh-keygen -t rsa -C "[email protected]"
- 配置Deployment,在hexo根目录中的
_config.yml
,找到Deployment,然后操作如下:
deploy: type: git repo: [email protected]:yourname/yourname.github.io.git branch: master
写博客、发布文章
- 新建一篇博客
hexo new post "article name"
- 这时候在目录
hexo\source\_posts
中将会看到article name.md
文件,使用MarDown编辑方式编辑即可 - 生成、部署
# 生成 hexo g # 部署 hexo d # 当然也可以一步操作(我经常这样) hexo d -g
- 成功后访问你的地址
yourname.github.io
即可看到生成的文章,比如我的(https://zine-fj.github.io)
注意:
- 需要提前安装一个扩展
npm i hexo-deployer-git --save
- 如果出现
publickey
错误信息,则可能是秘钥配置问题,查看另一篇博客 Git秘钥问题 - 生成部署前,最好
hexo clean
,否则后期的修改可能获取不到!
主题推荐
两个主题推荐:
一个是github上Star排名第五的Yilia,
另一个是github上Star排名第一的next。
我目前用的是next的主题
Next主题配置
在官网中看文档即可,看这个官网可以少踩很多坑...
Next主题配置官网
- 注意区分:有两个
_config.yml
文件,一个在根目录,一个在主题(next)目录。 - 主题切换:在根目录中修改:
theme:next
- 推荐使用Next中三个主题中的第三个主题
Pisces
- 剩下的,还是看官网吧!
添加评论
- 来必力:https://livere.com (来自韩国,使用邮箱注册。)
- 畅言: http://changyan.kuaizhan.com (安装需要备案号。不太好用。)
- Gitment: https://github.com/imsun/gitment (有点小bug,比如说每次需要手动初始化,登录时会跳到主页。。)
- Valine: https://github.com/xCss/Valine (基于Leancloud的极简风评论系统,符合我的调调)
所以最终推荐使用:Valine,注册登录运行
在主题配置中找到 valine
将其enable设置为true,并填写相应的appid、appkey即可
相关推荐
JingLisen 2020-06-26
hzq0 2020-06-16
蓝亭书序 2020-06-04
Amzaing00 2020-05-11
hzq0 2020-05-10
乾坤一碼農 2020-05-10
gakki的二向箔 2020-05-07
hzq0 2020-05-05
hzq0 2020-05-05
只有代码的世界 2020-04-27
JingLisen 2020-04-23
gakki的二向箔 2020-04-07
89284553 2020-03-09
YULIU 2020-03-07
只有代码的世界 2020-03-04
hzq0 2020-02-21
只有代码的世界 2020-02-19
YULIU 2020-02-18