Hexo+Github/Gitee搭建网站

文章目录

  • 使用Hexo+Github/Gitee搭建网站
  • 环境:Windows 10
  • 准备:
    • 1.安装好node.js和Git
    • 2.安装淘宝的cnpm
  • 一、使用Hexo搭建博客
    • 1.安装Hexo
    • 2.手动新建一个文件夹
    • 3.启动服务器
    • 4.新建一篇博客
    • 5.清除缓存文件
    • 6.生成静态文件
    • 7.再次启动服务器
    • 8.把博客部署到Github/Gitee
    • 9.进入博客页面
    • 至此Hexo+Github/Gitee搭建网站完毕

转载自我的博客

使用Hexo+Github/Gitee搭建网站

本文以Github为例,Gitee差不多,请自行更改

环境:Windows 10

准备:

1.安装好node.js和Git

2.安装淘宝的cnpm

npm install -g cnpm --registry=http://registry.npm.taobao.org
cnpm -v  //查看安装版本

一、使用Hexo搭建博客

1.安装Hexo

cnpm install -g hexo-cli
hexo -v   //查看hexo版本

2.手动新建一个文件夹

比如我这里为D:\Blog
在 blog 文件夹中打开 Git Bash,输入

hexo init  //新建一个网站

3.启动服务器

hexo server

打开浏览器中,输入 http://localhost:4000 访问博客
ctrl+c 关闭服务器

4.新建一篇博客

hexo new "第一篇博客"
  • 文件路径:D:\blog\source_posts\第一篇博客.md
  • 用记事本打开md文件编辑
  • 有关Markdown基本语法,请参考我另一篇博客Markdown基本语法

5.清除缓存文件

hexo clean

建议每次生成站点或部署之前都用该命令清理一下缓存

6.生成静态文件

hexo generate

7.再次启动服务器

hexo server

在刚才打开的浏览器博客页面刷新,出现新写的文章

8.把博客部署到Github/Gitee

  • 打开你的Github------>新建仓库,仓库名必须是:你的github名字.github.io.git
  • 回到命令行,ctrl+c关闭Hexo服务器
cnpm install --save hexo-deployer-git
  • 设置 _config.yml 文件:最下方 #Deployment 的 deploy 修改:
deploy:
- type: git 
  repo: https://github.com/hexojs/hexojs.github.io.git(仓库地址)
  branch: master
  • 部署到 Github
hexo deploy

9.进入博客页面

浏览器中输入地址:hexojs.github.io跳转到博客页面

至此Hexo+Github/Gitee搭建网站完毕

参考资料:

  • Hexo官方文档

转载请注明出处https://taozgt.xyz/2021/hexo/

你可能感兴趣的:(技术,github,git,web,hexo)