搭建程序员博客

401 阅读2分钟
  • WordPress
  • Jekyll
  • Octopress
  • Ghost

Hexo

  • 这里使用强大的Hexo搭建博客,文档地址如下,当然没有我的简单暴力

hexo.io/zh-cn/docs/…

  • 环境前提:homebrew、node.js、git、npm等都是不能少滴

  • 创建一个博客文件夹,进入文件夹,安装node环境

npm install hexo-cli -g
  • 完成之后,init hexo,这里名字最好和将要创建的github仓库名字一样
hexo init jiayuanfa.github.io
  • 检查本地服务器
hexo server

  • 完毕!即可使用本地服务器查看博客

目录介绍

  • source是博客资源文件夹
  • source/_grafts 是草稿
  • source/_posts 文章文件夹
  • themes 存放主题
  • _config.yml 全局配置文件夹

部署到Github

  • 创建名字为xxx.github.io的仓库

  • 修改博客配置文件

  • 一行代码部署到 github

hexo clean #清除缓存 网页正常情况下可以忽略此条命令
hexo g #生成静态网页
hexo d #开始部署

也可以一次性执行
hexo clean && hexo g && hexo d
  • 如果遇到如下报错
Deployer not found: git
  • 使用如下命令解决即可
npm install --save hexo-deployer-git
  • 然后继续一次性命令
hexo clean && hexo g && hexo d
  • 浏览器输入 【你的名字】.github.io 访问吧~

  • 之后如果要新写md格式的文章直接

hexo new 文章名字
  • 标签分类

    hexo new page categories
    
  • 关于Typora Mrakdown编辑器的换行自动跟上面格式的问题,使用 command + [ 即可稀释掉

绑定自己的域名

  • 首先去阿里云购买域名,这个我就不说了
  • 买完域名之后,现认证,大概一天时间就好了,然后去阿里云的控制台里面填写域名以及地址解析

  • 添加两种记录即可,一种是CNAME类型的,用来关联其他域名,一种是IP映射的
  • 接下来在博客文件夹的source下面创建CNAME文件,并填写上自己购买的域名
  • 然后,去github的博客仓库的设置里面也填写自己的域名
  • 最后
hexo clean && hexo g && hexo d
  • 就可以使用购买的域名进行博客访问了

修改博客主题

  • 这里推荐网红主题 NEXT
  • 直接进入博客文件夹,clone即可
git clone https://github.com/theme-next/hexo-theme-next themes/next
  • 然后,修改主题
  • 应用即可
hexo clean && hexo g && hexo d