零基础hexo+GitHub搭建个人博客

最新推荐文章于 2024-07-26 12:37:44 发布

一只编程的猪猪

最新推荐文章于 2024-07-26 12:37:44 发布

阅读量320

点赞数

文章标签： git github 经验分享其他

本文链接：https://blog.csdn.net/hbhgf/article/details/108437399

版权

零基础hexo+GitHub搭建个人博客

零基础运用hexo框架搭建个人博客

零基础运用hexo框架搭建个人博客

一.前提准备（以下所有演示均已widows系统为例，mac用户可观看文末视频链接配合文档进行搭建）

1.Git下载安装与环境配置

●网上教程众多，此处就不累述。给出其中一个参考链接Git下载、安装与环境配置

2.Node.js下载安装与配置

●Node.js下载链接下载左边LTS长期支持版。安装完成后打开cmd（同时按住Win+R，输入cmd，打开命令提示符程序），输入node -v和npm -v**(此处注意-v前面有空格，后面所有命令一样，均需注意空格，不输入空格则会造成错误)**查看是否安装成功，成功则会类似下图所示。

●下载npm的镜像源cnpm：在cmd中输入npm install -g cnpm --registry=https://registry.npm/taobao.org进行下载。下载完成后，在cmd中输入cnpm和cnpm -v查看是否安装成功。

3.Markdown编辑器下载

●编写个人博客文章需要使用Markdown语言，去网上任意搜索下载一个主流Markdown编辑器即可，个人推荐使用Typora下载链接。

二：个人博客搭建

1.hexo下载使用

●在cmd中输入cnpm install -g hexo-cli，下载完成后输入hexo -v查看是否安装成功。
●新建一个文件夹blog，在该文件夹中，右键点击Git Bush Here(后续称为黑框)(或者在任意地方打开黑框然后输入cd 文件夹的位置(eg:cd E:\myblog)),然后输入hexo init，等待安装完成后可输入ls -l查看是否安装成功。
●再输入hexo s，会出现网址(记住)，将网址输入浏览器中即可查看已创建的本地博客网页(有时可能出现网址无法访问的现象，是由于hexo默认的端口4000被占用了，在黑框中输入hexo s -p 5000即可访问。如若还是无法访问也影响不大，对后续将网页部署到远端后进行访问没有影响)。

2.将个人博客网页部署到远端Github/Gitee(以下演示以Github为例，Gitee操作类似)

●登录Github网页，新建一个仓库(即点击右上角的加号后，再点击New repository)，在Repository name中需填写格式’自己的GitHub名字.github.io’，必须按该格式填写，其余地方随意。
●在文件夹blog中打开黑框后输入cnpm install --save hexo-deployer-git
●打开文件夹blog中的_config.yml，找到如下图处并按图进行修改，马赛克处填入自己的Github账号(注意每个冒号后都要加空格)。

●再在黑框中输入hexo d，可能会出现如下图所示，即在上面输入自己Github账号下面输入密码，之后即成功，再刷新打开网页中的仓库即可看到成功，此时个人博客网址即使：https：//自己Github用户名.github.io,至此个人博客即是搭建成功。