使用Hexo在Github上搭建个人博客

简介: 使用Hexo在Github上搭建个人博客
+关注继续查看

1. 安装Node和git

  1. 在Mac上安装Node.js可以使用Homebrew,使用以下命令安装:
brew install node

2.使用以下命令安装Git

brew install git

3.可以在终端中使用以下命令验证是否安装成功:

git version
node -v
npm -v

4.安装完成后,需要进行一些基本的Git配置,如设置用户名和邮箱等。使用以下命令进行配置:


git config --global user.name "Your Name"
git config --global user.email "your_email@example.com"
  1. 其中,Your Name是你的用户名,your_email@example.com是你的邮箱地址。

2. 安装Hexo

1.在安装hexo之前,需要先安装hexo-cli,使用以下命令安装:

npm install -g hexo-cli

2.安装完成后,就可以使用hexo命令了。接下来,使用以下命令安装hexo:

npm install -g hexo

3.安装 Hexo 后,执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。

hexo init myBlog
cd myBlog
npm install
  1. 其中,myblog是你的博客目录,可以根据自己的需要修改。
  2. 新建完成后,指定文件夹的目录如下:
.
├── _config.yml # 配置信息,可以在此配置大部分的参数
├── package.json
├── scaffolds # 模版文件夹
├── source  # 资源文件夹,除 _posts 文件,其他以下划线_开头的文件或者文件夹不会被编译打包到public文件夹
|   ├── _drafts # 草稿文件
|   └── _posts # 正式发布文件 
└── themes  # 主题文件夹

5.在初始化完成后,就可以启动hexo了。使用以下命令启动hexo:

hexo server

hexo s
  1. 在浏览器中输入http://localhost:4000,即可预览博客效果。

3. Git与Github的准备工作

  1. 使用如下命令生成公钥和私钥:
ssh-keygen -t rsa -C "your email address"

2.打开.ssh/id_rsa.pub,得到公钥(类似如下形式):

ssh-rsa AAAAxxxxxxx0qRbzSBvr8Nl5GybYjM4uvjNzAkk94GBTgu3MKouPPxQrhFv+FAqBM0ZG1swW2GwqlvX+bbN1NbbESUi8CPMaxO5dbsjZTydbuG8jb4eCkQv2Y7yTANBFzGtncehyElGkkBDmbSxa6xxxxnml1fk= jixxxxxxng@oxxxxk.com
  1. 粘贴到Github的如下位置:image
  2. 在Github上新建一个repo,并在repo的settings界面,将site设置为your_name.github.io;


4. 将Hexo部署到Github

  1. 在本地博客文件夹下找到_config.yml打开,将里面的deploy部分改为以下内容:
deploy:
  type: git  
  repository: git@github.com:/your-name/your-name.github.io.git  
  branch: main


2.使用以下命令安装hexo-deployer-git插件:

npm install hexo-deployer-git --save

3.在博客目录下,使用以下命令生成静态文件:

hexo generate

4.使用以下命令将生成的静态文件部署到Github:

hexo deploy
  1. 部署完成后,可以访问https://your-name.github.io/来访问你的博客。

5. 开始写作

  1. 新建文章,输入以下命令即可
hexo new '文章标题'


  1. 执行完成后可以在 source文件夹里的_posts 下看到一个“文章标题.md”的文件。
  2. 写完博客后,执行4.3和4.4即可将博客部署到Github。
  3. 如果有缓存导致更改不生效,可以先执行
hexo clean

再进行部署。

目录
相关文章
|
1天前
|
资源调度 前端开发 JavaScript
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
|
1月前
|
缓存 JavaScript 网络安全
基于Hexo的主题Fluid搭建Github博客
基于Hexo的主题Fluid搭建Github博客
26 1
|
4月前
|
JavaScript 网络安全 开发工具
Github+Hexo搭建个人网站详细教程
随着互联网浪潮的翻腾,国内外涌现出越来越多优秀的社交网站让用户分享信息更加便捷。然后,如果你是一个不甘寂寞的程序猿,是否也想要搭建一个属于自己的个人网站,如果你曾经或者现在正有这样的想法,请跟随这篇文章发挥你的Geek精神,让你快速拥有自己的博客网站,写文章记录生活,享受这种从0到1的过程。
|
5月前
|
JavaScript
Hexo+GitHub搭建个人博客
Hexo+GitHub搭建个人博客
45 0
Hexo+GitHub搭建个人博客
|
5月前
|
数据采集 JavaScript 程序员
用 GitHub + Hexo 建立你的第一个博客
其中,第一种最简单,也最受限,说不定还会被删帖删号。第二种稍复杂,另外需要自己找部署的服务器,但可定制化较高,是很多程序员的选择。最后一种,是在重复造轮子,不过从另一个方面来看,倒是锻炼编程能力的好方式。
|
7月前
|
JavaScript Shell 网络安全
在Windows环境下使用hexo搭建博客以及部署到gitee / github
在Windows环境下使用hexo搭建博客以及部署到gitee / github
106 0
|
7月前
|
弹性计算 JavaScript Shell
github+hexo来搭建个人博客——保姆级教程
github+hexo来搭建个人博客——保姆级教程
417 0
|
8月前
|
JavaScript 网络协议 Shell
Hexo+GitHub+Vercel搭建个人博客网站
直接安装,完成后,在cmd上输入node -v和npm -v查看是否安装成功,这两条命令如果都输出了版本号,那么就表示安装成功了
439 0
|
12月前
|
缓存 JavaScript Ubuntu
Hexo+GitHub Actions搭建博客,实现云端写作、一键发布
Hexo+GitHub Actions搭建博客,实现云端写作、一键发布
525 1
Hexo+GitHub Actions搭建博客,实现云端写作、一键发布
|
域名解析 前端开发 JavaScript
Hexo+Github+vercel 搭建个人博客教程(二)
这篇教程接上篇教程,在上篇教程的基础上在进行
847 1
相关产品
云迁移中心
推荐文章
更多