伊始

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
2
3
hexo clean #用于清除配置文件
hexo g #完整命令为hexo generate,用于生成静态文件
hexo s #完整命令为hexo server,用于启动服务器,主要用来本地预览

在浏览器地址栏输入http://localhost:4000/, 按下回车键,熟悉的界面又出现了。

1
2
hexo d #完整命令为hexo deploy,用于将本地文件发布到github等git仓库上
hexo n "my article" #完整命令为hexo new,用于新建一篇名为“my article”的文章

这样就会在博客目录下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
2
3
4
# Schemes
#scheme: Muse
#scheme: Mist
scheme: Pisces

当然,你完全可以进行很多的自定义设置甚至修改源码,定制自己的主题。小女子能力有限,更多的设置请参考官方文档http://theme-next.iissnan.com/getting-started.html

添加背景图片

将背景图片命名为background.jpg并放入主题根目录/source/images文件夹中
打开博客根目录/themes/next/source/css/_custom/custom.styl文件
加入如下代码:

1
2
3
4
5
6
// Custom styles.
body {
background-image: url(/images/background.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
}

更多资料

-------------本文结束感谢您的阅读-------------
AmberWu wechat
欢迎大家扫码交流!