利用Hexo和Github搭建个人主页

发表于

一、配置环境(参考链接)

1、安装Node.js和Git

  • Node.js 用于生成静态页面，而Git把本地的Hexo内容提交到github上去。

2、申请GitHub

*用于博客的远程创库、域名、服务器。

3、安装Hexo

  • 创建一个文件夹，如blog, 在文件夹内右键之后点击 Git Bash Here
  • 执行安装Hexo的命令：npm install -g hexo
  • 初始化hexo： hexo init
  • 检查是否成功：
    生成静态页面： hexo generate(hexo g)
    本地启动：hexo server

二、配置Github

1、建立仓库(Repository)

  • 建立仓库名为【name.github.io】

2、建立关联

  • 修改文件 _config.yml 最后面的内容为：

    deploy:
  type: git
  repo: https://github.com/fuqiany/fuqiany.github.io.git
  branch: master

  • 执行命令：npm install hexo-deployer-git --save

  • 执行配置命令：hexo d

三、部署步骤和常用命令

1、每次部署执行

hexo c
hexo g
hexo d

2、一些常用命令

  • 新建文章 hexo new "postname"
  • 新建页面 hexo new page "pagename"

四、更换主题

1、下载

  • 执行命令：git clone https://github.com/SuperKieran/TKL.git
  • 修改站点配置文件的theme属性：theme: TKL
  • 更新主题：cd themes/TKL, git pull
  • Next主题：next
  • 主题合集：themes

五、注意事项

1、文章中插入图片

  • 在\hexo\source目录下新建文件夹，命名为images或者其他你喜欢的名字，然后编辑你的md博文，插入下面的代码样式：
    ![“图片描述”](/images/你的图片名字.JPG)
    或者用以下代码：
    <p> <img src="img/my.jpg" alt="text2"/> </p>

2、主题的头像修改

  • 在主题配置文件相应位置插入代码(注意空格）：
    avatar: /images/avatar.jpg
    图片的目录在主题目录下的source文件夹下。

3、插入公式

  • 插入公式的格式为：
    ![][1]
    `[1]: http://latex.codecogs.com/gif.latex?\frac{2\pi}{3}`

4、站点配置文件详细说明