【静态博客搭建指南】使用hexo+GitHub搭建静态博客

最新推荐文章于 2024-06-11 02:45:00 发布

一只彩乌鸦

最新推荐文章于 2024-06-11 02:45:00 发布

阅读量2.3k

点赞数 7

分类专栏： 🍇工具文章标签： github git 静态博客

本文链接：https://blog.csdn.net/weixin_43527871/article/details/107818934

版权

7 篇文章 0 订阅

订阅专栏

使用hexo+github搭建静态博客(window10环境)

👨‍💻我搭建的博客👉XINL（点击预览）

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

安装 Hexo 相当简单，只需要先安装下列应用程序即可：

如果您的电脑中已经安装上述必备程序，那么恭喜您！你可以直接前往安装 Hexo框架步骤。

👉安装node.js (选择LTS长期支持版本的Windows安装包），点击下载，根据提示安装即可。如果需要更改安装路径，建议先新建一个nodejs文件夹。如果需要更改安装路径，建议先新建一个nodejs文件夹。
在键盘上按下快捷键win+R，输入cmd打开命令行工具；输入node -v查看node.js版本，若出现版本号，则表示安装成功。如果报错，说明安装失败，启动安装包重新安装即可。
输入npm -v查看npm版本（npm是一个node附带的包管理工具，类似于node的应用商店）
安装淘宝cnpm管理器（由于npm使用的是外网服务器，因此下载速度手抖了极大的限制）这是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟一次以保证尽量与官方服务同步。
npm install -g cnpm --registry=http://registry.npm.taobao.org
输入cnpm -v查看cnpm版本

由于网速原因，同样使用淘宝镜像下载Git, 访问 :
https://npm.taobao.org/mirrors/git-for-windows/
在页面最下方找到最新版，点击下载，根据提示安装即可。
初次运行 Git 前的配置:👉在命令行工具中
输入命令git config --global user.name "Zhang San"设置用户名
输入命令git config --global user.email zhangsan@qq.com设置邮箱
使用git config --list命令检查配置信息

输入hexo init生成博客，新建完成后，指定文件夹的目录如下：

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

输入hexo s启动本地博客服务
打开浏览器访问 http://localhost:4000/ 可以看到博客本地访问成功
输入ctrl+C停止博客服务，输入hexo n “我的第一篇博文”创建新文章
所有文章都存放于./blog/source/路径下的文件夹中
在blog文件夹中，输入hexo clean清除缓存，输入hexo g重新生成,重新启动hexo s，访问 http://localhost:4000/ 可以看到新的文章已经发布
ctrl+C停止博客服务，输入cnpm install --save hexo-deployer-git在blog目录下安装Git部署插件

打开GitHub创建新的仓库，命名为 YourGithubName.github.io,前面是你的GitHub账户名字+后缀.github.io，格式不能改变。
点击创建。创建成功，复制仓库地址。


deploy:
  type: git  
  repo: https://github.com/<youGitHubName>.github.io    //仓库地址  
  branch: master

通过命令git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia将yilia主题下载到本地
修改blog目录下的 _config.yml 文件,将theme项，修改为yilia
hexo clean清理缓存;hexo g重新生成;hexo d部署到GitHub仓库
访问https://YourGithubName.github.io/ 查看博客