使用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的如下位置:
  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

再进行部署。

目录
相关文章
|
6月前
|
存储 JavaScript 网络架构
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
291 3
|
2月前
|
网络协议 开发工具 git
hexo github部署,通过域名访问你的博客
本文介绍了如何使用Hexo命令部署博客到GitHub,并详细说明了如何通过自定义域名访问GitHub上部署的博客。
hexo github部署,通过域名访问你的博客
|
6月前
|
JavaScript 网络安全 开发工具
[保姆级-从0到1]利用hexo+github托管实现搭建个人博客
[保姆级-从0到1]利用hexo+github托管实现搭建个人博客
|
缓存 JavaScript 网络安全
基于Hexo的主题Fluid搭建Github博客
基于Hexo的主题Fluid搭建Github博客
170 1
|
6月前
|
资源调度 前端开发 JavaScript
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
172 0
|
6月前
|
程序员 API Android开发
使用 VS Code + Github 搭建个人博客
搭建个人博客的方案
78 1
|
6月前
Hexo博客添加GitHub评论功能
Hexo博客添加GitHub评论功能
129 0
|
JavaScript 网络安全 开发工具
Github+Hexo搭建个人网站详细教程
随着互联网浪潮的翻腾,国内外涌现出越来越多优秀的社交网站让用户分享信息更加便捷。然后,如果你是一个不甘寂寞的程序猿,是否也想要搭建一个属于自己的个人网站,如果你曾经或者现在正有这样的想法,请跟随这篇文章发挥你的Geek精神,让你快速拥有自己的博客网站,写文章记录生活,享受这种从0到1的过程。
|
JavaScript 网络安全 开发工具
一、搭建篇-使用Github-hexo搭建个人博客教程—总结自己爬过的坑
一直想要拥有自己的一个博客,CSDN,那些又觉得不够个性化(主要是觉得逼格不够,哈哈) Github搭建博客的优点: 1、不需要域名和服务器 2、访问自己博客的时候没有广告 3、可以自己修改样式,能根据自己的需求加功能。
8977 0
|
JavaScript 网络安全 开发工具
一、搭建篇 --使用Github+hexo搭建个人博客教程—总结自己爬过的坑
一直想要拥有自己的一个博客,CSDN,那些又觉得不够个性化(主要是觉得逼格不够,哈哈) Github搭建博客的优点:1、不需要域名和服务器 2、访问自己博客的时候没有广告 3、可以自己修改样式,能根据自己的需求加功能。
1213 0