Welcome to AmberWu’s Blog! 为什么会想弄这么一个博客呢,还不是因为有那么一个研究僧程序猿且男屌丝,哦不不不,大神,嗯,大神0.0。第一次接触建站域名,随便弄弄。还挺有意思的,本以为这个很难,离自己很远,动起手来,真的蛮简单的,毕竟,本学渣弄得下来,哈哈哈
简单随便说说建站方法
Hexo
就是以Hexo为主,剩下的自行百度吧,毕竟我要回寝室,没时间写了
Github Pages
以github为载体实现的,也百度吧,啊啊啊,实验室就剩我自己了。
配置域名
在博客的根目录下source文件中(例如:C:\hexo\source)新建一个名为CNAME的文件,注意没有任何后缀,用于github进行读取。在文件中添加自己的域名并保存,例如
1 | amberwu.top |
然后,重新生成静态文件并部署。CNAME文件也会被上传到github仓库当中,此时在浏览器中输入自己的域名,回车之后,你会第一次遇见自己的小天地~
Hexo的一些基本命令
1 | hexo clean #用于清除配置文件 |
在浏览器地址栏输入http://localhost:4000/, 按下回车键,熟悉的界面又出现了。
1 | hexo d #完整命令为hexo deploy,用于将本地文件发布到github等git仓库上 |
这样就会在博客目录下source_posts中生成相应的 my article.md文件( 例如 C:\blog\source_posts\my article.md )
Hexo修改及配置主题
hexo初始化之后默认的主题是landscape , 然后你可以去这个地址 https://hexo.io/themes/ 里面找到你想要的主题。在github中搜索你要的主题名称,里面都会有该主题的如何使用的介绍,按着来就好了,反正就是改改改!我选的是next,看起来挺不错,至少是我喜欢的类型。
更改主题需要修改配置文件
更改主题需要修改配置文件,就是根目录下的_config.yml文件,找到 theme 字段,并将其值更改为next即可
1 | theme: next |
配置next主题
next主题共分三种,在站点根目录/themes/next/_congig.yml 文件中修改,找到scheme关键字即可选择。
1 | # Schemes |
当然,你完全可以进行很多的自定义设置甚至修改源码,定制自己的主题。小女子能力有限,更多的设置请参考官方文档http://theme-next.iissnan.com/getting-started.html
添加背景图片
将背景图片命名为background.jpg并放入主题根目录/source/images文件夹中
打开博客根目录/themes/next/source/css/_custom/custom.styl文件
加入如下代码:
1 | // Custom styles. |