首页  思维导图  详情

Hexo个人博客

2021-07-25 09:29:18   0  举报





AI智能生成

10分钟搭建Hexo+GitHub个人博客，觉得好请点个赞

GitHub

hexo

博客系统

个人博客

网站建设

作者其他创作

大纲/内容

Begin

缘起

笔记工具（印象笔记、有道...）的弊端：①查阅不方便；②高级功能收费等等...

Hexo + GitHub 博客：自己的、免费的、干净的、公网的、简单易用的博客！

百度搜索

hexo 博客搭建步骤

inurl:github.io

研究总结

https://simple.blog.csdn.net/article/details/105660493

https://janycode.github.io/

https://yang8369.github.io/

基本准备

1.GitHub 账号

https://github.com/

全球最大的代码托管/分享平台，全球可访问，纯英文，免费

pic

免费注册账号 1 个

pic

2.GitBash

https://gitforwindows.org/

Windows平台的代码版本管理工具

pic

下载，安装(无脑下一步)

pic

3.GitHub Desktop

https://desktop.github.com/

GitHub 的桌面版，为部署到 github.io 公网路径时使用。

pic

下载，安装(无脑下一步)

4.Node.js

https://nodejs.org/zh-cn/

Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台，用的是它集成的包管理工具 npm。

pic

下载，安装(无脑下一步)

* 都是小工具，无毒，不会开机自启。

框架准备

1.Hexo 框架安装

在任意位置点击鼠标右键，选择 Git Bash，输入命令：npm install -g hexo

pic

2.Hexo 框架初始化

① 硬盘中找个合适的位置，如 D:\ 根目录下，创建文件夹，命名为：GitHub账号.github.io
如 janycode.github.io

② 进入该文件夹，在该文件夹内右键，选择 Git Bash ，输入命令：hexo init

pic

配置主题

1._config.yml 基础配置

博客名字
作者
主题(稍后配置)
部署 github 的远程地址(稍后配置)

pic

2.克隆一个主题

https://hexo.io/themes/

该页面里点击图片是预览该站，点击主题的名字则是进入github中，获取其主题git路径

然后在博客文件夹(GitHub账号.github.io)下右键使用 Git Bash，进行克隆，需要输入命令：
git clone 主题的.git源地址 themes/主题目录
如：git clone https://github.com/GeekaholicLin/hexo-theme-ylion.git themes/ylion

pic

更新预览

1.更新

source\_posts 目录下，新建.md文件就可以用 markdown 格式写博客/笔记/文章 - [ Typora ]。
默认 Hexo 有个 Hello World.md 文档可供预览。

pic

2.预览

① 博客本地预览，在博客文件夹(GitHub账号.github.io) 下，右键使用 Git Bash，输入命令：hexo g && hexo s

pic

② 浏览器输入 http://localhost:4000 即可本地预览访问

pic

部署公网

1.创建仓库