Blog 就是用来记录自己的生活或是发表自己的见解的一种网络日记。既然一切互联网的初衷是 Free(自由) Free(免费),那我们又何必为了记日记而斥巨资呢?

wikipedia
wikipedia

♠♥♦♣

(From.wikipedia)

So 干货 coming!
今天EdwardZhang就来带大家看看如何0费用搭建符合自己审美的Blog!
Here we go ~

利用 Github+Hexo 进行搭建(以下过程基于Windows系统)
准备工作:

1.安装Node.js
   下载地址:传送门
   去 NodeJs 官网下载相应版本,进行安装即可。
   可以通过node -v的命令来测试NodeJS是否安装成功

这里写图片描述
这里写图片描述

2.安装Git
   下载地址:传送门
   去 Git 官网下载相应版本,进行安装即可。

git1
git1

git2
git2

git3
git3

git4
git4

git5
git5

   可以通过git –version的命令来测试git是否安装成功
gitcmd
gitcmd

3.注册Github账号
   去 Github 官网进行注册即可。
   注册完之后记得添加 SSH Key。
   这个 SSH Key是一个认证,让github识别绑
   这台机器,允许这台机器提交。执行如下命令:
   cd ~/.ssh
   ~这个符号,表示在用户目录下
   执行代码如果提示:No such file or directory 说明你是第一次使用git。
   下面就说下怎么配置SSH Key。
   生产新的SSH Key配置
   在Git Bash执行代码:(此处有坑!要注意运行Git Bash时右键使用管理员身份运行)
   ssh-keygen -t rsa -C "your email address"
   记得修改成你自己邮箱地址。
   成功后会生成两个文件id_rsa 以及id_rsa.pub。
   这两个文件在刚才用户的.ssh目录下
   如图:
12345
12345

   id_rsa
   id_rsa.pub
0
0

   之后在github添加SSH Key,在任意界面右上角
   点击你的头像,选择Settings-> SSH keys->New SSH key 这里写图片描述
   Congratulations!
   添加成功!

搭建博客:
1.安装Hexo
   在本地新建一个Blog文件夹,文件右键,选择Git Bash。

这里写图片描述
这里写图片描述

输入指令安装hexo:
npm install -g hexo
这里写图片描述
   等安装完毕,通过输入hexo的命令来测试Hexo是否安装成功,成功如下图展示:
这里写图片描述
这里写图片描述

接着初始化Hexo:
hexo init hexo
   初始化成功会显示Start blogging with Hexo!
1
1

   这时在你刚才创建的Blog里面会多出一个hexo文件
这里写图片描述
这里写图片描述

   进入到hexo目录,输入指令npm install
   安装依赖文件以及部署形成文件
   打开hexo目录
cd hexo
   安装依赖文件

npm install
   部署形成文件

hexo generatehexo generate

123
123

   最后只剩下运行server
   跑起hexo服务
   hexo server
这里写图片描述
这里写图片描述

   这时提示
   Hexo is running at http://loalhost:4000/.
   接着我们打开浏览器,输入http://localhost:4000
   便可看到默认的博客,如图:
12
12

   至此,hexo已经安装完毕。
配置githubPage:
   登录github,点击“New respository”

   新建一个仓库
   输入仓库名:你的github名称,github.io
   (这里千万不要心存侥幸随意输域名。。。后果你懂)
   然后点击Create repository。

这里写图片描述
这里写图片描述

   注意:这边的创建名字
   一定要用的github的用户名!
   一定要用的github的用户名!
   一定要用的github的用户名!
启用GitHub Page
   点击右边的“Setting”菜单进入设置
这里写图片描述
这里写图片描述

   拉到最下面
   点击 Choose a theme
   随便选择一个样式 之后会用自己的hexo覆盖
   点击”Publish page”
   发布github默认生成的一个静态站点
   试着打开自己在github的静态网址,
   我的https://Edward7Zhang.github.io
   你会发现,
   打开是你自己刚才选择静态站点模版。
   将本地hexo项目托管到Github
   打开修改hexo目录下配置文件_config.yml

这里写图片描述
这里写图片描述

   编辑最后面的deploy属性,加入代码:

1
2
3
4
type: git
repository: git@github.com:your-github-name/your-github-name.github.io.git
branch: master
type使用是git。

   repository属性改成你的刚才创建仓库git地址。
   分支branch填写master。
   这边说下本地网站配置文件 _config.yml
   网站的配置文件,
   你可以在这里配置一些基本信息。
   (只要你过了四级应该都懂 /// ///)
   根据自己的需要修改即可!
   安装hexo-deployer-git插件

1
cnpm install hexo-deployer-git --save
这里写图片描述
这里写图片描述

   部署你本地的主题到github上

   代码如下,每次修改本地主题,都需要执行以下代码:

1
2
3
hexo clean
hexo generator #简写 hexo g
hexo deploy #简写 hexo d
这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述

   最后看下,部署到github上的效果!

这里写图片描述

这里写图片描述
这里写图片描述

   Congratulation!!!Finished this project!

​   是不是瞬间感觉自己强的不行

这里写图片描述
这里写图片描述

   OK,以上为Windows下使用Hexo+Github搭建个人博客。

怎么样

No Pay,More Gain

这里写图片描述
这里写图片描述