最近因为特定需要,得建立一个网站。之前对此是一窍不通,结果就忙了好些天在网上学了好几天,终于能正常通过自己的域名访问网站了。具体的流程如下:
- 在freenom上申请免费一年的域名
2. Github上建站,网上有很多教程。需要注意的是,个人用户由于Github的更新,以往通过地址:yourname.github.io就可访问,现在需要改成:yourname.github.io/yourname.github.io
-
DNSPOD上免费域名解析
-
Github page 转向个人域名(记得hexo clean)
-
下载hexo主题,这里用Hipaper
-
初始化Hipaper
以下是从此贴直接复制过来,给自己留个记录:
花一块钱用Hexo搭建自己的博客 教程一。
博客的主题最能体现博主的风格,相信大家都很在意. Hexo初始化环境默认使用的皮肤为landscape,更多皮肤可以在Hexo官网的themes中挑选并拷贝到themes文件夹中,本教程用hipaper主题作介绍
进入themes文件夹,用git将hipaper主题下载至文件夹内
$ git clone git@github.com:iTimeTraveler/hexo-theme-hipaper.git
如果不会使用Git,建议查看廖雪峰的Git教程
为使用主题的搜索功能,需安装
hexo-generator-json-content
工具
$ npm install -S hexo-generator-json-content
为hipaper主题配置tags, categories, about页面
由于hipaper主题默认只开启了archives(归档)功能,所以标签,分类,简介页面需要靠代码开启
$ hexo new page tags
$ hexo new page categories
$ hexo new page about
执行完毕进入
source
文件夹,发现其中多了about
,categories
,tags
三个子文件夹,且都包含一个名为index.md
的文件,
,以/soucce/about/index.md
为例,分别将三个不同的index.md
文件中加入一行代码
原代码为:
---
title: about
date: xxxx-xx-xx xx:xx:xx
---
增加一行代码,改为:
---
title: about
date: xxxx-xx-xx xx:xx:xx
layout: about
---
tags
和categoroes
文件夹中的index.md
文件也作相应更改,layout参数值就是title参数值,至此,hipaper主题配置完成.
网友评论