如何搭建

我采用了ICARUS主题,根据以下教程完成了部署

https://www.cnblogs.com/liuxianan/p/build-blog-website-by-hexo-github.html

https://hexo.io/zh-cn/docs/setup

注意,配置_config.yml中有关deploy的部分,正确写法如下:

  1. deploy:
  2. type: git
  3. repository: git@github.com:liuxianan/liuxianan.github.io.git
  4. branch: master

然后根据教程,以及ICARUS主题帮助:

https://ppoffice.github.io/hexo-theme-icarus/

个性化自己的博客

如何写博客

新建博客

Github Bash 定位到我们存放博客代码等文件夹根目录(如Blogs),执行命令:

hexo new 'my-first-blog'

hexo会帮我们在_posts下生成相关md文件,我们只需要打开这个文件就可以开始写博客了,可以修改如下 front-matter:

  1. ---
  2. # front-matter
  3. title: postName #文章页面上的显示名称,一般是中文
  4. date: 2013-12-02 15:30:16 #文章生成时间,一般不改,当然也可以任意修改
  5. categories: 默认分类 #分类
  6. categories:
  7. - 分类
  8. - 子分类
  9. - 子子分类
  10. tags:
  11. - 标签1
  12. - 标签2
  13. tags: [tag1,tag2,tag3] #文章标签,可空,多标签请用格式,注意:后面有个空格
  14. description: 附加一段文章摘要,字数最好在140字以内,会出现在metadescription里面
  15. toc: true #开启目录
  16. cover: /gallery/covers/cover.jpg #为文章添加封面图
  17. thumbnail: /gallery/thumbnails/thumbnail.jpg #为文章设置缩略图
  18. #文章的缩略图会显示在归档页面和最新文章挂件中,
  19. #如果你在front-matter中使用的是图片的路径,
  20. #你需要确保它是绝对或者相对于你的source目录的路径
  21. #例如,为使用<your blog>/source/gallery/image.jpg作为缩略图,
  22. #你需要在front-matter中使用/gallery/image.jpg作为图片路径
  23. ---

新建页面

hexo new post "postName" #新建文章

hexo new draft "draftName" #新建草稿

hexo publish "draftName" #发布草稿

hexo new page "pageName" #新建页面

hexo new page "my-second-blog"

生成如下:

最终部署时生成:hexo\public\my-second-blog\index.html,但是它不会作为文章出现在博文目录,而是会作为导航页。

添加标签、分类、归档、关于等页面

hexo博客添加标签、分类、归档、关于等页面,详情请看下面链接:

https://hexo.io/zh-cn/docs/front-matter

https://blog.csdn.net/nineya_com/article/details/103322773

https://blog.csdn.net/nineya_com/article/details/103316683

常用hexo命令

常见命令:

hexo generate #生成静态页面至public目录

hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)

hexo deploy #部署到GitHub

hexo help # 查看帮助

hexo version #查看Hexo的版本

缩写:

hexo n == hexo new

hexo g == hexo generate

hexo s == hexo server

hexo d == hexo deploy

组合命令:

hexo s -g #生成并本地预览

hexo d -g #生成并上传

在线小图标

https://fontawesome.dashgame.com/

默认情况下,生成的博文目录会显示全部的文章内容,如何设置文章摘要的长度呢?

答案如下:

  1. # 前言
  2. 使用github pages服务搭建博客的好处有:
  3. 1. 全是静态文件,访问速度快;
  4. 2. 免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台;
  5. 3. 可以随意绑定自己的域名,不仔细看的话根本看不出来你的网站是基于github的;
  6. <!--more-->
  7. 4. 数据绝对安全,基于github的版本管理,想恢复到哪个历史版本都行;
  8. 5. 博客内容可以轻松打包、转移、发布到其它平台;
  9. 6. 等等

最后可以移步本人博客,查看效果。十分简洁,我很喜欢。https://yhpan.github.io/

Hexo结合Github搭建个人博客的更多相关文章

  1. Hexo和github搭建个人博客 - 朱晨

    GitHub账号 mac/pc 环境 12 node.jsgit 创建GitHub仓库 登陆GitHub,创建一个新的Respository Repository name叫做{username}.g ...

  2. 记自己利用hexo和github搭建个人博客的过程

    --------------------------------------可能我书写的方式跟别人顺序不一样,但这是我的成功经验------------------------------------ ...

  3. 《Hexo+github搭建个人博客》

    <Hexo+github搭建个人博客> 文/冯皓林 完稿:2016.4.22-2016.4.23 注意:本节教程只针对Windows用户.本教程由无人赞助,赞助写出. <Hexo+g ...

  4. 使用Node.js+Hexo+Github搭建个人博客(续)

    一.写在前面 在我的上一篇博客<使用Nodejs+Hexo+Github搭建个人博客>中,已经介绍了如何使用 Hexo 在 Github Pages 上搭建一个简单的个人博客.该篇博文将在 ...

  5. Mac上基于hexo+GitHub搭建个人博客(一)

    原文地址: http://fanjiajia.cn/2018/11/23/Mac%E4%B8%8A%E5%9F%BA%E4%BA%8Ehexo+GitHub%E6%90%AD%E5%BB%BA%E4% ...

  6. 如何用hexo+github搭建个人博客

    搭建环境 1.安装 Node.js: https://nodejs.org/en/ windows下点击链接,下载安装即可;Linux下更加简单,在终端下输入sudo apt-get install ...

  7. Ubuntu+Hexo+Github搭建个人博客

    Ubuntu+Hexo+Github搭建个人博客 目录 目录 目录 1. 简介 环境 2. Git安装及配置 2.1 安装Git 2.2 创建Git仓库 2.3 配置git仓库 2.4 添加公钥 3. ...

  8. jekyll+github搭建个人博客总结

    jekyll+github搭建个人博客 经过一天多的折腾,终于算是搭建好了自己的个人博客,看到有些社区评论说:在windows下用jekyll搭建静态博客,简直就自讨苦吃,但是都到一半了,有什么办法呢 ...

  9. 使用 Hexo 在 GitHub 上建立博客 · Utopia's Daily Note

    使用 Hexo 在 GitHub 上建立博客 # 写在前面 其实我在一月份的就开始写了三篇博客文章,你没有看错,只是写了三篇,然后,就没有然后了.我还在其中一篇文章中写着,不知道自己能够坚持多久.事实 ...

随机推荐

  1. LifseaOS 悄然来袭,一款为云原生而生的 OS

    作者:黄韶宇.初扬 审核&校对:溪洋.海珠 编辑&排版:雯燕 LifseaOS 在刚刚过去的云栖大会上,一款新的 Linux Base 操作系统悄悄发布,它就是 LifseaOS(Li ...

  2. .net core 和 WPF 开发升讯威在线客服系统:使用本地IP数据库实现访客来源快速定位,支持国外

    本系列文章详细介绍使用 .net core 和 WPF 开发 升讯威在线客服与营销系统 的过程.本产品已经成熟稳定并投入商用. 免费使用 & 私有化部署:https://kf.shengxun ...

  3. PIC18 bootloader之UART bootloader

    了解更多关于bootloader 的C语言实现,请加我Q扣: 1273623966 (验证信息请填 bootloader),欢迎咨询或定制bootloader(在线升级程序). 应客户要求, 将PIC ...

  4. [洛谷P2000 拯救世界]

    生成函数版题. 考虑对于这些条件写出\(OGF\) \(1 + x^6 + x^{12} + x^{18}..... = \frac{1}{1 - x^6}\) \(1 + x + x ^ 2 + x ...

  5. C++常用的字符串处理函数-全

    这是自己用stl实现的一些字符串处理函数和常用的字符串处理技巧,经验正基本无误,可直接使用,若有问题,可相应列出 包括:split string to int int to string join # ...

  6. Linux—Linux系统目录结构

    登录系统后,在当前命令窗口下输入命令:  ls /  你会看到如下图所示: 树状目录结构: 以下是对这些目录的解释: /bin:bin是Binary的缩写, 这个目录存放着最经常使用的命令. /boo ...

  7. excel-大于0的数值标记红色且标记红色上箭头,小于0的数值标记绿色且标记绿色下箭头,等于0的数值标记黄色且标记右箭头

    0.数值是常规的数值: [蓝色]"↑"0;[红色]"↓"0;[黄色]"→"0 [蓝色]"↑"0.0;[红色]" ...

  8. linux常用目录和文件解析

    1. 一级目录 /dev 设备目录 /etc 系统配置及服务配置文件.启动命令的目录 /proc 显示内核及进程信息的虚拟文件系统 /tmp 临时文件目录 /home 普通用户家目录 /root 超级 ...

  9. 在idea的java开发中字符串length()方法获取长度与赋值不符的问题

    最近在开发中用到length()方法获取中文字符串的长度,发现获得的长度与实际不符.比如个String类型赋值为"中",但获取长度却是2. 这让我百思不得其解,后来突然想起来我在研 ...

  10. day20 系统优化

    day20 系统优化 yum源的优化 yum源的优化: 自建yum仓库 使用一个较为稳定的仓库 # 安装华为的Base源 或者使用清华的源也可以 wget -O /etc/yum.repos.d/Ce ...