hexo+github搭建自己的技术博客

很多人都想搭建自己的技术博客,但是奈何技术有限,服务器不熟、域名解析等等,一大堆东西会搞得自己头昏脑涨,也会因此失去兴趣。
当时也是费了半天功夫才搭建好,在这篇文章中会详细记录自己搭建的整个流程,尽量避免入坑吧,但要是真是你自己给自己挖坑那就没办法了。
搭建的时候也是看着别人的教程一点点跟进,但是都有缺陷。比如分支的创建,和私人域名的解析,有这方面的教程但是都不是太完善,有些只是教你搭建但是后期没有考虑换电脑,换环境的情况。包括后期维护等等。
优点
1、不需要服务器,github免费提供的托管服务
2、不需要域名,github同样提供了一个.io的域名
3、不用自己写xml、hexo提供了很多开源的博客模板。
4、便于维护更新,换风格直接换模板就行。

1、开始
1.1、环境的搭建
a)安装node.js
下载地址:https://nodejs.org/en/download/
选择需要的版本下载,分别是32位和64位。下载后安装一直默认下一步就行。(傻瓜式安装)
b)安装git
下载地址:https://git-scm.com/downloads
打开cmd命令行(win+r 输入cmd回车)分别执行

node -v
npm -v
git --version

可以看到对应的版本信息如下:
这里写图片描述

如果都可以成功运行出现版本信息证明安装成功。

c) 安装Hexo
因为hexo需要使用node.js的npm命令,所以一定要按步骤操作(顺序问题)
打开cmd命令行(win+r 输入cmd回车)分别执行

npm install hexo-cli -g

等待自动安装完成输入,输入:

hexo -v

检查是否安装成功
到这一步如果所有都安装成功,并测试无问题,那么本地配置已经搞定,下面开始在github上建项目了。

2、在github上创建并设置远程库
注册登录略过,不会的请自行百度。
登录后点击“+”号,选择New repository,下一步
在Repository name下面填写你要创建的地址,这个地址是就是你的域名,以github.io结尾。
按照提示一步步完成创建。
创建之后,点击setting设置远程库:
找到GitHub Pages点击change theme选个主题select theme设置模板
等待github pages创建完成,然后输入你创建的地址测试github pager是否创建成功。此时页面是空的没有任何东西。就只有一个模板的视图:
这里写图片描述

下面要做的就是使用hexo模板将源码放到github。
3、hexo->github
创建一个文件夹用于存放hexo。然后右键该文件夹使用

git bash here

命令就可以直接定位到当前目录。
然后把github上的项目克隆下来

git clone https://github.com/MarksMeng/MarksMeng.github.io.git

接着使用cd定位到克隆下来的目录

cd MarksMeng.github.io

然后开始安装相关工具

npm install hexo --save

初始化hexo基础配置文件。初始化时间比较长,不用急,等完成后输入

hexo init

初始化hexo。这个命令和git 仓库命令相似。意思一样都是初始化。
接着输入

npm install

配置node。然后输入

hexo s

加载hexo基础html、css、js等文件。
在这完成后等于已经在本地创建了一个网页,想查看的话,输入

hexo s

然后相当于开启了一个本地的服务器,会提示你拷贝url到浏览器。

这里写图片描述

在网址中输入

http://localhost:4000/

可以看到
这里写图片描述

阅读更多
文章标签: github博客搭建
个人分类: 博客搭建
想对作者说点什么? 我来说一句

hexo+github搭建自己博客

2018年05月02日 350KB 下载

没有更多推荐了,返回首页

不良信息举报

hexo+github搭建自己的技术博客

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭