Hexo 搭建博客

简介

主要技术为:nodeJs + git + hexo;
nodeJs和git这里就不多说了,直接去官网下载注册即可,主要说下hexo。

hexo 本地配置

  1. 安装hexo
mkdir hexo && cd hexo
npm i hexo-cli -g
npm i hexo --save
  1. 检测是否安装成功
hexo -v
  1. 初始化
hexo init
  1. 安装依赖包
npm i
# 或者 cnpm i  或者  yarn 都可以
  1. 首次体验hexo
hexo g
# 之后每次操作需要看效果调试时直接输入 hexo s 即可
hexo s
  1. 在浏览器中打开 http://localhost:4000 可预览hexo,至此,hexo本地配置成功

将hexo与github page联系起来

  1. 配置git个人信息
git config --global urser.name "zine-fj"
git config --global user.email "747810974@qq.com"

#生成秘钥
ssh-keygen -t rsa -C "747810974@qq.com"
  1. 配置Deployment,在hexo根目录中的 _config.yml,找到Deployment,然后操作如下:
deploy:
  type: git
  repo: git@github.com:yourname/yourname.github.io.git
  branch: master

写博客、发布文章

  1. 新建一篇博客
hexo new post "article name"
  1. 这时候在目录 hexo\source\_posts中将会看到 article name.md 文件,使用MarDown编辑方式编辑即可
  2. 生成、部署
# 生成
hexo g
# 部署
hexo d

# 当然也可以一步操作(我经常这样)
hexo d -g
  1. 成功后访问你的地址 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主题配置官网

  1. 注意区分:有两个 _config.yml 文件,一个在根目录,一个在主题(next)目录。
  2. 主题切换:在根目录中修改:
theme:next
  1. 推荐使用Next中三个主题中的第三个主题 Pisces
  2. 剩下的,还是看官网吧!

添加评论

所以最终推荐使用:Valine,注册登录运行
在主题配置中找到 valine 将其enable设置为true,并填写相应的appid、appkey即可

参考网址:(https://blog.csdn.net/gdutxia…

    原文作者:晴末
    原文地址: https://segmentfault.com/a/1190000017264241
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞