Hexo 搭建博客

简介

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

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)

注意:node

  • 须要提早安装一个扩展
npm i hexo-deployer-git --save
  • 若是出现 publickey 错误信息,则多是秘钥配置问题,查看另外一篇博客 Git秘钥问题
  • 生成部署前,最好 hexo clean,不然后期的修改可能获取不到!

主题推荐

两个主题推荐:
一个是github上Star排名第五的Yilia
另外一个是github上Star排名第一的next
我目前用的是next的主题git

Next主题配置

在官网中看文档便可,看这个官网能够少踩不少坑...
Next主题配置官网github

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

添加评论

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

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

相关文章
相关标签/搜索