建立自己的博客

前言
   苦于一直没有一个良好的学习习惯,感觉自己进步的效率太低,用IPad Pro加apple pen来手写也不行,字丑写的慢,即使记下来了也丑的不想回头看了。一天看到同学用 markdown来做笔记,美观而且很有条例,就想着学习着来搭一个博客来做笔记。GitHub上面可以提供代码托管,可以把自己的网站托管到GitHub上面,这样自己的学习成果就能在上面记录下来了。希望这种学习方法能对自己有所帮助。


一、初步准备

1.github账户

2 .电脑安装node.js、npm

node.js的下载网站
一路默认吧

3 .安装了git for windows

git的下载链接

基本一直next就行


二、搭建github博客

1 .注册github账号

2 .需要建立一个仓库

注意的是仓库名字必须和账号名字一样,如果账号是admin,仓库名字也必须一样。

3 .在setting里面找到options按钮

   看看Repository name名字是否改为账号名称,必须一摸一样,不然后面的步骤没法做。
   然后往下拉,找到GitHub Pages里的Theme Chooser,随便选择一个主题先,这样就会出现我们的GitHub Pages的地址。


三、安装hexo

1 .利用npm命令

先桌面右键选择 Git Bash Here
输入命令

npm install -g hexo

2 .初始化hexo

先在自己想管理hexo博客框架的地方创建文件夹
比如在D盘根目录下创建hexo文件夹
在Git Bash里面输入命令

cd D:/hexo

然后再输入

hexo init

进行初始化

3 .修改配置文件

找到_config.yml文件,然后打开修改里面的设置。

并在最后面添加配置

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

其中repo里面的网址是自己的github上面的网址

4 .获取好看的主题

在github上面比较高分好评的是next
在Git Bash上面运行命令获取

git clone https://github.com/iissnan/hexo-theme-nextthemes/next

然后输入命令

hexo g
hexo s

打开本地 localhost:4000 的页面,如果出现页面就成功。

5 .创建文章

Git Bash在hexo目录下,输入

new post "文章名称(最好英文)"

就会在 source_posts\下出现   文章名称.md 文件


四、Github上面部署网站

1. 安装hexo-deployer-git

输入命令

npm install hexo-deployer-git --save

2. 发布到Github

输入命令:

hexo clean

ps:如果修改了配置,打算在本地服务器运行试看的话,就建议每次修改后都clean一下,不然可能生效不了

然后再输入命令:

hexo d -g

在第一次部署的时候,会出现下图的验证

这时候打开GitHub网站我们能看到仓库上已经更新了文件

3. 访问测试

在浏览器输入:https://(github账户名字).github.io

能出现网页就算大功告成了。


至于如何绑定一个私人域名以及在过程中有些遇到的坑留以后再写一下。

Just for fun!
------------- 文章已经到尾 -------------