手把手教你搭建GitHub个人博客网站(下)

简介: 手把手教你搭建GitHub个人博客网站(下)
+关注继续查看

4 写博客

4.1 新建博客

定位到我们的hexo根目录,执行命令:

image.png

hexo会帮我们在_posts下生成相关md文件:

我们只需要打开这个文件就可以开始写博客了,默认生成如下内容:

image.png

当然你也可以直接自己新建md文件,用这个命令的好处是帮我们自动生成了时间。

一般完整格式如下:


---
title: postName #文章页面上的显示名称,一般是中文
date: 2019-07-11 19:11:33 #文章生成时间,一般不改,当然也可以任意修改
categories: 默认分类 #分类
tags: [tag1,tag2,tag3] #文章标签,可空,多标签请用格式,注意:后面有个空格
description: 附加一段文章摘要,字数最好在140字以内,会出现在meta的description里面
---

正文

那么hexo new page 'postName'命令和hexo new 'postName'有什么区别呢?

image.png

最终部署时生成一个index.html,但是它不会作为文章出现在博文目录

image.png

4.2 撰写工具

可以用typora来进行博客的编写或者用CSDN的编辑器也是很不错的选择,用VScode的Markdown-toc插件来为我们的文章自动生成目录。

5 优雅地使用Hexo的next主题

5.1 安装

$ git clone https://github.com/iissnan/hexo-theme-next themes/next

image.png

5.2 启用

与所有 Hexo 主题启用的模式一样。 当 克隆/下载 完成后,打开站点配置文件, 找到 theme 字段,并将其值更改为 next。

5.3 验证主题

首先启动 Hexo 本地站点,并开启调试模式(即加上 --debug)

hexo s --debug

在服务启动的过程,注意观察命令行输出是否有任何异常信息,如果你碰到问题,这些信息将帮助他人更好的定位错误。 当命令行输出中提示出:


INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.

此时即可使用浏览器访问 http://localhost:4000,检查站点是否正确运行。

5.4 配置

在 Hexo 中有两份主要的配置文件,其名称都是 _config.yml。 其中,一份位于站点根目录下,主要包含 Hexo 本身的配置;另一份位于主题目录下,这份配置由主题作者提供,主要用于配置主题相关的选项。


为了描述方便,在以下说明中,将前者称为 站点配置文件, 后者称为 主题配置文件。

你可以访问 Hexo 的文档 了解如何安装 Hexo病进行 站点配置文件的配置

简单的设置可以参考:

NEXT中文文档

NEXT主题详细配置


参考

目录
相关文章
|
1月前
github pages 用法详解 发布自己的网站
github pages 用法详解 发布自己的网站
|
5月前
|
JavaScript 网络协议 Shell
Hexo+GitHub+Vercel搭建个人博客网站
直接安装,完成后,在cmd上输入node -v和npm -v查看是否安装成功,这两条命令如果都输出了版本号,那么就表示安装成功了
348 0
|
8月前
|
iOS开发
iOS 开发-教大家如何使用github客户端上传自己的代码到github网站
iOS 开发-教大家如何使用github客户端上传自己的代码到github网站
120 0
iOS 开发-教大家如何使用github客户端上传自己的代码到github网站
|
9月前
github网站进入
github网站进入
102 0
|
10月前
|
索引
github + hexo 小白超快搭建功能强大的个人博客网站(3)
github + hexo 小白超快搭建功能强大的个人博客网站(3)
github + hexo 小白超快搭建功能强大的个人博客网站(3)
|
10月前
|
搜索推荐 Shell 开发工具
github + hexo 小白超快搭建功能强大的个人博客网站(2)
github + hexo 小白超快搭建功能强大的个人博客网站(2)
github + hexo 小白超快搭建功能强大的个人博客网站(2)
|
10月前
|
缓存 JavaScript Shell
|
Arthas 算法 Java
这5个GitHub项目+3个网站,助你一飞冲天!
这5个GitHub项目+3个网站,助你一飞冲天! 小伙伴们周末好呀,这次来更新一波学习资源啦~ 👍 之前推荐过一些书,这次我们就来看看 4ye 平时常关顾的一些学习网站叭!😋 (同时会更新在菜单栏的 宝藏资源 中,方便查找) 资源一览 image-20210807235820378 CyC2018 / CS-Notes 高达 136K star 的项目! 😄 📚 技术面试必备基础知识、Leetcode、计算机操作系统、计算机网络、系统设计 概览图 地址👉 github.com/CyC2018/CS-… ima
179 0
|
Ubuntu 测试技术 Linux
除了GitHub,你还知道那些免费源代码托管网站?文末送福利
除了GitHub,你还知道那些免费源代码托管网站?文末送福利
4858 0
除了GitHub,你还知道那些免费源代码托管网站?文末送福利
|
缓存 JavaScript 程序员
使用hexo和github搭建个人博客网站详细流程
机缘巧合了解到了个人博客这个东西,之前试过一次,但是因为某些原因,让我放弃了,感觉太难了,但是这次下定决心,花了很长的时间终于是搞定了,虽然找到了很详细的教程,但是也遇到了很多的问题,主要还是要细心,同时出现了问题其实都可以搜索到解决方法,下边将自己的搭建过程做一个记录。 先附上大佬教程:https://huahuipj.github.io/2021/08/20/shi-yong-github-bu-shu-yi-ge-jian-dan-de-bo-ke/
使用hexo和github搭建个人博客网站详细流程
推荐文章
更多