github博客搭建

发表于 | 分类于

最近看别人都搭建了属于自己的博客，心生羡慕。于是也抽空捣鼓一个。此次个人博客搭建是利用github平台搭建博客。下面主要讲述搭建过程及遇到的坑。

准备工作

github到位

在github官网上申请账号。记住注册的邮箱。在注册成功后，可以选择建一个项目。此次搭建一个公共的项目（私有的貌似得花钱）。
注： 项目名称必须为你注册的名称加github.io，如我的项目名为 kid-297.github.io

github需要和git建立连接，需要在本地生成ssh秘钥。如果在之前你有生成ssh公钥，那么就可以直接提交上去，如果没有，则需要填写邮箱以及密码进行生成（详情请看我文章 git配置）

git到位

众所周知，git是一个分布式版本控制系统。而我们此次项目的上传下载到github等工作，非他莫属。git的具体安装方式，请自行百度。

node.js到位

据说node.js的功能很强大啊！但具体多强大我也不甚了解啊！至于在这安装node.js干嘛，主要是想用hexo啊！安装方式也不具体说了哈。

hexo到位

使用hexo呢，主要是因为Hexo是一个开源的静态博客生成器。自带很多模板，可供广大网友自行选择。

hexo搭建过程

  • 打开cmd并输入npm install -g hexo
  • 在你要存放hexo的地方新建一个空文件夹名为hexo
  • cmd安装完成之后右键打开Git bash（此时要求git已经安装好了）

  • 在Git 的运行框中进入cd 进入hexo文件夹后输入$ hexo init

    如果你按照上述步骤一套做完，那么恭喜你，hexo已经搭建成功，是不是很简单？

本地运行hexo

安装完hexo之后你就能在本地查看你的空hexo blog了
在cmd中输入$ hexo s –debug（debug可以不写）随后你在浏览器地址栏输入http://localhost:4000/
hexo默认主题landscape就呈现在你眼前了
注：hexo s是hexo server的缩写

至此，本地的环境已经搭建完毕。可以考虑上传到github上或者给你的博客更换主题了。

提交至GitHub

首先进入hexo文件夹，找到根目录下面的_config.yml文件,用编辑器打开它
找到deploy。部署至GitHub需要填如下：

1
2
3
4
deploy:
  type: git
  repository: git@github.com:kid-297/kid-297.github.io.git
  branch: master

注：.yml文件格式严格，在“：”之后一定要空格再输入，如果不填入内容则是默认值。
文中kid-297请自行跟换成自己的用户名。

创建完成后打开Git bash按下ctrl+c并输入y结束hexo的本地预览。之后进入你的hexo文件夹，输入$ hexo generate（用于生成静态网页文件，可缩写成$ hexo g）

接着输入$ hexo deploy（可缩写成hexo d）

更改hexo主题

如果你对hexo默认主题不满意，你也可以自己寻找主题包甚至是自己制作。
具体使用方法请移步：hexo博客更换主题（原理一样，只是主题不同）

发布文章

输入$ hexo new “博客名”
创建成功之后，点击进入hexo文件夹的source文件夹，找到_posts文件夹，进入用编辑器打开你刚刚创建的.md文件，你将看到如下代码

title:
date:
tags:

在title后面填写文章名，注意空格，tags用来设置文章标签，格式为[标签一,标签二]

设置完之后就开始使用Markdown语法进行博客创作吧

文章写好后：

  • hexo s 启动本地项目访问查看效果（http://localhost:4000/）
  • hexo g 生成新的静态页面
  • hexo d 发布到github上去

其他常见的hexo命令

  • $ hexo clean #清除缓存

  • $ hexo generate –watch #监视文件变动

  • $ hexo new page “页面名” #新建页面

注 ： 本博客大部分出自于强大的hexo–如何利用hexo平台搭建个人博客 感谢作者，解我搭建之坑，特此记录！