Hexo+GitHub静态博客超级详细搭建教程之正文④

释放双眼,带上耳机,听听看~!

前言

Hexo+GitHub静态博客超级详细搭建教程之正文③

前言 正文②教程初始化了博客源文件,简单认识了源文件包含的内容,并且利用ssh key与GitHub的托管仓库

正文③教程我们已经知道了基本的编译源文件成静态文件,本地预览,远程博客上线等,本教程教大家更换主题,新建文章,教程力作详细!!!

更换主题

  • 看过上期教程童鞋都知道,hexo生成的默认主题实在是太丑了,那么我们该如何跟换主题呢?

  1. 同样第一步,定位到自己的本地路径下,我都地址是桌面上的Blog文件夹,鼠标右键打开Git Bash Here,输入

    cd themes //进入存放主题的目录
  2. 用git的克隆命令把主题克隆下来,此步骤受网络环境影响可能较慢,有条件的朋友请爬梯子”爬梯子”

    git clone 你要克隆主题的git地址或https地址
    
    例如:git clone https://github.com/theme-next/hexo-theme-next.git
    • 更多主题请参考:https://hexo.io/themes

    • git clone 后面的地址在主题仓库的code下可以直接复制,如图

  3. 主题git clone完成之后,来到本地路径下,找到并且编辑_config.yml文件的theme:字段,在theme:后添加克隆的主题名称,注意,名称要和主题目录下的主题名称一致,例如第2步,主题名称为next,则theme:字段就改成theme: next,冒号后边有空格

  4. 至此更换主题完成,可以hexo g,hexo s预览,确认无误,再执行hexo d,这样跟换主题的全流程就完成了。

新建文章

方法一

  • 路径下,找到source文件夹,再找到_posts文件夹,默认有一篇hello-world.md文章,我们只需要新建新的文件扩展名为.md文件就行,文件内容按照https://www.tsingsea.com/738.html文中提到的markdown语法书写即可。

方法二

  • 路径下,鼠标右键打开Git Bash Here,输入

    cd source/_posts //原理一样,都是进入存放文章的文件夹
    
    hexo new post 命名 //
    
    例如:hexo new post 123 //意思是新建一篇123.md的文章

新建完文章,填充完内容,同样需要再次hexo g,可以hexo s预览,确认无误,再执行hexo d,这样远程端就部署了你的新文章了,你要做的就是丰富内容。

新建页面

  1. 路径下,直接输入

    hexo new page 命名 //
    
    例如:hexo new page about //创建一个关于页面
  2. 这时候在source文件夹,再找到about文件夹下,有一个属于about的index.md,在里面添加关于你的内容就可以了。

  3. 这个时候是直接看不到页面的,还需要主题的加持,用next举例,我们更换了主题,来到主题根目录,编辑主题根目录下的_config.yml文件,去掉#注释即可,如下

    menu:
      home: / || fa fa-home
      about: /about/ || fa fa-user
      tags: /tags/ || fa fa-tags
      categories: /categories/ || fa fa-th
      archives: /archives/ || fa fa-archive
      #schedule: /schedule/ || fa fa-calendar
      #sitemap: /sitemap.xml || fa fa-sitemap
      #commonweal: /404/ || fa fa-heartbeat
  4. 然后我们新建的about页面才能生效,其他页面亦是如此。

  5. 主题的具体操作,需要参照hexo主题官网的各个主题的介绍,都是很不一样的,但也都是差不多的。这时候就需要足够的耐心去学习,教程给你一遍流程,你应该举一反三。

本文结语

  • 本文基本上算是入门结束了,本文以及听海(TSingSea)写的前几篇,基本上可以为Hexo+GitHub静态博客的整个流程画上句号了,再往后就是静态博客的一些美化,高阶玩法了,我也会持续更新。。。。。。

专题结语

这个专题到此的主要内容已经差不多了,但是这个专题仍会持续更新,若童鞋们发现听海(TSingSea)某个地方的错误,请留言反馈,以便及时纠正,教程不易,任何转载形式,不声明出处,均是小人行为,本专题教程参考https://hexo.io/精心整理而成,不希望被强盗。谢谢理解!

人已赞赏
全系教程

Hexo+GitHub静态博客超级详细搭建教程之正文③

2020-7-30 17:51:46

全系教程

小猫咪一键远程配置文件(持续更新。。。。。。)

2020-8-3 8:24:28

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索