搭建个人博客-hexo+github详细完整步骤

简介: 自己也算是摸爬滚打搭建成功,然后自己再重新安装部署一遍,把完整步骤分享给大家,同时最后有一些连接,如果我的步骤不行,大家可以参考其他人的(这个有点花费时间,大家提前有个心理准备 - _-)

一、第一步:下载安装Git


1.png


1、Git下载地址

2、安装步骤


2.png


           个人选择全选


3.png

              选择第二个

然后一路默认


二、第二步:下载安装node.js


1、node.js下载地址


4.png

两个版本

 

2、安装步骤:一路默认就行(安装路径根据自己需要更改)


三、第三步:安装hexo


1、利用 npm 命令即可安装。在任意位置点击鼠标右键,选择Git Bash


5.png


在电脑任意位置右键


2、输入命令:npm install -g hexo


6.png


注意:-g是指全局安装hexo。


这里如果地址被“墙”,可以参考这篇文章的“安装Hexo”部分


四、第四步:初始化Hexo


1、创建文件夹(我的是在E盘创建的Hexo)


7.png


根据个人爱好创建博客文件夹


2、在Hexo文件下,右键运行Git Bash,输入命令:hexo init


8.png

(这里可能时间会长些,要耐心等待)


9.png

初始化成功后生成的一些列文件


3、在_config.yml,进行基础配置

10.png

基础配置


其中可以在这里浏览更多主题,然后在Hexo文件夹下 Git Bash

输入命令:git clone https://github.com/iissnan/hexo-theme-nextthemes/next(next为主题名字),来获得更多主题


11.png

获取主题next


12.png

下载成功(如果需要更改主题,请在_cofig.yml修改theme)


4、本地浏览博客

  分别输入 如下命令:

     hexo g

     hexo s

   这里有更多hexo常用命令

13.png


  在浏览器输入:localhost:4000 ,就可以进行访问,效果如下:


14.png

效果图


5、写文章

在E:\Hexo\source\_posts文件下,新建.md文件就可以写文章

15.png

新建.md文件

---

title: 我的博客

---


16.png

简单测试下


17.png

浏览效果


五、部署到Github上


1、申请Github账号,(注意别忘了进行账号邮箱验证)


2.new repository

18.png

27.png


然后点击


19.png


3、在_config.yml进行配置


20.png

(注意:要保存)


4、安装hexo-deployer-git自动部署发布工具

   npm install hexo-deployer-git  --save


21.png

(在Hexo文件夹下 Git Bash)


5、发布到Github

   输入如下命令:hexo clean && hexo g && hexo d


22.png

23.png

第一次发布需要验证github账号


24.png

发布完成


25.png

在仓库中我们也可以看到


6、测试访问


在浏览器输入:https://yanqiangmiffy.github.io/


26.png

大功告成


六、最后加上一些文章的传送门


1、史上最详细“截图”搭建Hexo博客并部署到Github

2、使用hexo+github搭建免费个人博客详细教程

3、如何搭建一个独立博客——简明Github Pages与Hexo教程

4、5分钟 搭建免费个人博客


七 、使用hexo,如果换了电脑怎么更新博客?


请参考这篇文章:https://formulahendry.github.io/2016/12/04/hexo-ci/


相关文章
|
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博客
171 1
|
6月前
|
资源调度 前端开发 JavaScript
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
172 0
|
6月前
|
开发工具 git
Git项目如何配置,如何上传至GitHub。其详细步骤
Git项目如何配置,如何上传至GitHub。其详细步骤
62 0
|
6月前
|
程序员 API Android开发
使用 VS Code + Github 搭建个人博客
搭建个人博客的方案
81 1
|
6月前
Hexo博客添加GitHub评论功能
Hexo博客添加GitHub评论功能
129 0
|
Shell 开发工具 git
git把本地文件上传到github上的步骤
git把本地文件上传到github上的步骤
49 1
|
1月前
|
编解码 Oracle Java
java9到java17的新特性学习--github新项目
本文宣布了一个名为"JavaLearnNote"的新GitHub项目,该项目旨在帮助Java开发者深入理解和掌握从Java 9到Java 17的每个版本的关键新特性,并通过实战演示、社区支持和持续更新来促进学习。
79 3