美文网首页
[转]Github建站Hexo搭建 Hipaper主题初始化

[转]Github建站Hexo搭建 Hipaper主题初始化

作者: Stiux | 来源:发表于2019-02-11 03:59 被阅读0次

    最近因为特定需要,得建立一个网站。之前对此是一窍不通,结果就忙了好些天在网上学了好几天,终于能正常通过自己的域名访问网站了。具体的流程如下:

    1. freenom上申请免费一年的域名

    2. Github上建站,网上有很多教程。需要注意的是,个人用户由于Github的更新,以往通过地址:yourname.github.io就可访问,现在需要改成:yourname.github.io/yourname.github.io

    1. DNSPOD上免费域名解析

    2. Github page 转向个人域名(记得hexo clean)

    3. 下载hexo主题,这里用Hipaper

    4. 初始化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
    ---
    

    tagscategoroes文件夹中的index.md文件也作相应更改,layout参数值就是title参数值,至此,hipaper主题配置完成.

    相关文章

      网友评论

          本文标题:[转]Github建站Hexo搭建 Hipaper主题初始化

          本文链接:https://www.haomeiwen.com/subject/owefeqtx.html