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