Hexo个人博客
2021-07-25 09:29:18 0 举报AI智能生成
10分钟搭建Hexo+GitHub个人博客，觉得好请点个赞
作者其他创作
大纲/内容
Hexo+GitHub 10分钟搭建个人博客 - 姜源
3min
2min
1min
Begin
缘起
笔记工具（印象笔记、有道...）的弊端：①查阅不方便；②高级功能收费 等等...
Hexo + GitHub 博客：自己的、免费的、干净的、公网的、简单易用的博客！
百度搜索
hexo 博客搭建步骤
inurl:github.io
研究总结
https://simple.blog.csdn.net/article/details/105660493
Hexo+GitHub十分钟搭建个人博客站点
https://janycode.github.io/
https://yang8369.github.io/
基本准备
1.GitHub 账号
https://github.com/
GitHub
全球最大的代码托管/分享平台，全球可访问，纯英文，免费
pic
免费注册账号 1 个
2.GitBash
https://gitforwindows.org/
GitBash
Windows平台的代码版本管理工具
下载，安装(无脑下一步)
3.GitHub Desktop
https://desktop.github.com/
GitHub Desktop
GitHub 的桌面版，为部署到 github.io 公网路径时使用。
4.Node.js
https://nodejs.org/zh-cn/
Node.js
Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台，用的是它集成的包管理工具 npm。
* 都是小工具，无毒，不会开机自启。
框架准备
1.Hexo 框架安装
在任意位置点击鼠标右键，选择 Git Bash，输入命令：npm install -g hexo
2.Hexo 框架初始化
① 硬盘中找个合适的位置，如 D:\\ 根目录下，创建文件夹，命名为：GitHub账号.github.io如 janycode.github.io
② 进入该文件夹，在该文件夹内右键，选择 Git Bash ，输入命令：hexo init
配置主题
1._config.yml 基础配置
博客名字作者主题(稍后配置)部署 github 的远程地址(稍后配置)
2.克隆一个主题
https://hexo.io/themes/
Hexo 官方主题站
该页面里点击图片是预览该站，点击主题的名字则是进入github中，获取其主题git路径
然后在博客文件夹(GitHub账号.github.io)下右键使用 Git Bash，进行克隆，需要输入命令：git clone 主题的.git源地址 themes/主题目录如：git clone https://github.com/GeekaholicLin/hexo-theme-ylion.git themes/ylion
更新预览
1.更新
source\\_posts 目录下，新建.md文件就可以用 markdown 格式写博客/笔记/文章 - [ Typora ]。默认 Hexo 有个 Hello World.md 文档可供预览。
2.预览
① 博客本地预览，在 博客文件夹(GitHub账号.github.io) 下，右键使用 Git Bash，输入命令：hexo g && hexo s
② 浏览器输入 http://localhost:4000 即可本地预览访问
部署公网
1.创建仓库
登陆 github 账号，new repository 创建同账户名的仓库
2.获取地址
获取同名的 https 仓库.git源地址
3.配置地址
在 _config.yml 进行配置
4.部署工具
安装 hexo-deployer-git 自动部署发布工具，安装命令(还是博客目录下)：npm install hexo-deployer-git --save
5.一键发布
一键发布到 GitHub，发布命令(还是博客目录下)：hexo clean && hexo g && hexo d
第一次发布会需要填入 github 账号密码，会自动调出 GitHub Desktop 登录框，正确填入即可。
测试访问
在浏览器输入：https://janycode.github.io/
End
纯个人研究，遇到问题，面向百度解决，尽最大的可能自行解决，不问任何人。没有课件，没有人指导，但是网上的资料一堆又一堆。考验遇到问题的心态 和 独立解决问题的能力。
浅入研究：主题目录下的文件即可，JavaWeb 内容足够。深入研究： Hexo 博客框架官方中文文档：https://hexo.io/zh-cn/docs/
https://hexo.io/zh-cn/docs/
0 条评论
回复 删除
下一页
