用hexo搭建了我的线上博客

谁借莪１个温暖的怀抱￠ 2021-09-18 19:00 278阅读 0赞

## 前言 ##

*  看见好多人的博客下面都有hexo的标志，所以我就想他们是怎么有这么样的一个又精美，又简单的线上博客呢？
 *  抱着这样的心理，就去Google了发现了是有一个hexo的基于node.js的开发部件。然后就照着官方文档去学习了一下。

## 记录下开发流程 ##

*  首先你必须要先安装一个hexo-cli的命令行工具
    
        npm install hexo-cli -g
 *  采用官方给的资料
    
        $ hexo init blog
        $ cd blog
        $ npm install 
        $ hexo s
    
    按照提示打开[https://127.0.0.1:4000][https_127.0.0.1_4000]就能显示一个原始的blog页面。这个页面只有home页和archives页面但是这种风格也是挺喜欢的。
 *  选择主题[https://hexo.io/themes/][https_hexo.io_themes]  
    官方文档提供了很多的主题我们可以用git添加到我们的项目里边。
    
    1.  我这里选择了minos主题，这个主题主要吸引我的是页面。看着挺清爽的，但是有些人可能会不喜欢，第一色泽比较单一，主色调为黑色。
    2.  下载到自己项目的主题文件夹下
        
            $ git clone https://github.com/ppoffice/hexo-theme-minos.git themes/minos 
            $ cd themes/minos
            $ git pull
    3.  修改\_config.yml
        
            将这个文件下的theme的主题改成theme: minos
    4.  将minos主题下的\_source里边的全部复制到source文件夹下
    5.  主目录下运行hexo s

## 搭载到github.io上去 ##

*  先创建一个\[yourgithubname\].github.io
 *  将blog里边的public目录下的文件全部拷到这个项目仓库里
 *  访问\[yourgithubname\].github.io
 *  大功告成，你的hexo博客搭建好了

## 项目实现后的截图 ##

*  home页  
    ![图片描述][3921273951-58fc09338cbe5_articlex]
 *  archives页  
    ![图片描述][503650497-58fc098eaf2fd_articlex]
 *  categories页  
    ![图片描述][2052363512-58fc09a872d57_articlex]
 *  tags页  
    ![图片描述][3716581264-58fc09bfc0b63_articlex]

## 后记 ##

*  我在about里边插入了我的[简历][Link 1]，有要招兵买马的可以给个面试的机会，如果对着个感兴趣也可以给我个[star][]。如果你也想搭建这么一个博客我们也可以聊聊~吹吹牛逼~

[https_127.0.0.1_4000]: https://127.0.0.1:4000
[https_hexo.io_themes]: https://hexo.io/themes/
[3921273951-58fc09338cbe5_articlex]: /images/20210726/6dc87d0e674547da981efd4efd13e84b.png
[503650497-58fc098eaf2fd_articlex]: /images/20210726/fbad309a53624dd981472f38c059f032.png
[2052363512-58fc09a872d57_articlex]: /images/20210726/a071bc7856f74ff489895f2198f686d1.png
[3716581264-58fc09bfc0b63_articlex]: /images/20210726/337cd20a9e554085b8b8e9d8ad3afaf2.png
[Link 1]: https://alfierichou.github.io/about/
[star]: https://github.com/AlfieriChou/alfierichou.github.io