个人博客搭建

博客搭建

哈里波菜

关注

发布时间: 2020-03-03

丨

阅读: 1261

----
## 第一步 安装node.js(长期支持版)
https://nodejs.org  
![](https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3642481453,1486938825&amp;fm=26&amp;gp=0.jpg)
一路下一步就可以安装
安装之后会有显示node本身 和npm包管理器

![](https://www.runoob.com/wp-content/uploads/2014/03/install-node-exe-on-windows-step1.png) 
## 第二步 安装Git
这里推荐 https://git-scm.com/ 选择对应的系统下载 
具体安装过程可以参考 https://www.cnblogs.com/ximiaomiao/  
![screenShot.png](https://i.loli.net/2020/02/28/UqZnjxyNd7P3kSJ.png)  
然后就是进行Git的配置：  (参考)  
www.xuanfengge.com/using-ssh-key-link-github-photo-tour.html

![screenShot.png](https://i.loli.net/2020/02/28/SbHq7auJOMUA9pR.png)  
1.设置本地的用户名还有邮箱并把Git连接到远程的Github库中，需要注册一个Github账号，这个可以去Github官网注册 ，其他的按照上面这个文档配置Git即可 
![screenShot.png](https://i.loli.net/2020/02/28/6DXcioE5YJpv8In.png)  
当输入 ssh -T git@github.com   
  显示信息如上图所示，就说明Git已经连接到了Github 之后按照 
  ![screenShot.png](https://i.loli.net/2020/02/28/e9mUVFSRqIuvXcD.png)  
  然后是如上图配置一些Git的基本信息  
  ## 第三步安装Hexo   
  打开Git  
输入 安装淘宝镜像源
npm install -g cnpm --registry=https://registry.npm.taobao.org      
![screenShot.png](https://i.loli.net/2020/02/28/oeWgi2XY4NhAuFb.png)  
开始安装hexo  
输入 cnpm install -g hexo-cli 
![screenShot.png](https://i.loli.net/2020/02/28/yM3lwLauxKRscFT.png) 
说明hexo已经安装成功
   现在开始初始化博客，新建一个Blog文件夹，进入文件夹右键点击 Git Bash Hexo  
   然后在git输入 hexo init  
   ![screenShot.png](https://i.loli.net/2020/02/28/5gjtwsbhRoGKDxJ.png) 
   到达这一步说明hexo博客已经初始化成功了，然后启动  
   hexo s  
![screenShot.png](https://i.loli.net/2020/02/28/gwAnIv7xdMT8QGu.png)
   这时，我们可以在本地看一下我们新创建的博客  
   在浏览器中输入  
   localhost：4000  
   就可以看到我们新创建的博客  
 ![screenShot.png](https://i.loli.net/2020/02/28/B8okDl6WeIXvtHO.png)    
 接下来，我们就把hexo博客部署到远端的github中，需要在Blog目录下安装一个hexo的部署插件   
 输入： cnpm install --save hexo-deployer-git  
   打开blog下面的 _config.yml  
   在这之前需要登录github，创建仓库 ，点击new ，输入基本信息之后点击 创建仓库
![screenShot.png](https://i.loli.net/2020/02/28/HYVPBwfUq3QhKXg.png)    
![screenShot.png](https://i.loli.net/2020/02/28/yrbw3DsFACgxp9P.png)
创建好仓库之后复制 SSH地址    
![screenShot.png](https://i.loli.net/2020/02/28/ymvMYaUNFihXjWg.png)  
打开 _config.yml（vscode打开）文件，添加底下4行信息，然后保存  
![screenShot.png](https://i.loli.net/2020/02/28/gCK7IefGXZNJzy5.png)  
打开Blog目录，右击 Git Bash Here  
输入  hexo d（部署到远端）  
![screenShot.png](https://i.loli.net/2020/02/28/gCK7IefGXZNJzy5.png)  
部署成功以后我们就可以通过浏览器来访问我们的博客了  
![screenShot.png](https://i.loli.net/2020/02/28/A8xZsyrzw14E9HT.png)  
在浏览器打开刚才的SSH网址，就可以查看我们的博客了  
![screenShot.png](https://i.loli.net/2020/02/28/xRUt3enWljgkGBi.png)

原创作品，未经权利人授权禁止转载。详情见转载须知。举报文章

哈里波菜

关注

登录后可评论，请登录或注册

哈里波菜 53天前...

有问题欢迎咨询 1812669090 博客地址：https://harleyspinage.github.io/

0 回复