很久没更新了,一方面觉得忙,另一方面微信限制很多,没什么正经的想写。
今天这篇文章是一年前在我的博客上发的,这次又做了一点补充和完善,主要是针对想拥有自己的独立网站的朋友,文章比较长,有需求的不妨试一试?
写在前面:
这里的博客不是新浪微博也不是日志说说,而是一个只属于个人,可以有独立域名的博客网站。效果可参考我的网站:xiaogeng.top
搭建博客之前先来看几个概念:
github是什么?作为程序员不知道这个网站可能连个假的程序员都算不上,这可是最大的男性交友平台。。其实这是个具有版本管理功能的代码托管平台,简单理解就是你可以在网站上建个自己的仓库,把自己写的代码存在上面,也可以放一个静态网页在上面。
jekyll是什么?这是一个静态站点生成器,他会根据网页源码生成静态文件。所以实际上可以用来编写整个网站,我们可以现在本地写好符合jekyll编码规范的网站源码,上传到github上就可以生成网站,这里我们主要用的是hexo。
当然了不懂也没什么关系,跟着操作一步步来就好了。
博客的搭建一般需要进行四个步骤:
1.本地环境搭建
2.本地生成hexo
3.申请并配置Github账户
4.将github与本地环境绑定
1
本地环境搭建
本地主要是要安装两个软件,git和node.js。
1.1 安装node.js
软件下载地址:https://nodejs.org/en/download/
根据自己的电脑下载相应的版本
打开安装,一路默认即可
1.2 安装git
下载地址:https://git-scm.com/downloads,选择相应版本
下载完成后打开安装。
1.3 检验是否安装成功
按win+R键,输入cmd回车
依次输入
node -v
npm -v
git --version
查看版本
如果都有版本显示,则安装成功。
2
本地生成hexo
环境搭建好了,接下来我们需要在本地安装Hexo.首先在本地选一个位置安装,该位置用来存放以后的相关文件,包括博客内容等,以E:/blog为例。
2.1 hexo安装
在E盘下建立blog文件夹,进去后在右边空白处右键单击,选择Git Bash here
然后在命令行输入
npm install -g hexo-cli
等待其配置完之后输入
npm install hexo --save
此时在安装hexo,耐心等待安装完之后输入以下命令即可查看是否配置完毕
hexo -v
2.2 初始化hexo
接着上面的操作,输入
hexo init
接着输入
npm install
之后npm将会自动安装你需要的组件,只需要等待npm操作即可
接下来我们检验一下是否配置成功。接着输入
hexo g
然后输入
hexo s
出现下列提示
INFO Start processing
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
此刻在浏览器中打开http://localhost:4000/,你将会看到网站已经搭好了
到目前为止,Hexo在本地的配置已经全都结束了。
3
创建并配置自己的Github账户
1.打开Github网站:https://github.com/
2.如果还没有注册账号的按步骤注册一个账号,填写邮箱,用户名,密码提交之后,登录邮箱验证一下即可,然后进入账户。
3.点击箭头所指方向创建代码库。
4.创建成功后到这里你的Github账号就基本配置好了,打开网址https://gengyanqing.github.io/,可以看到已经显示了。
4
绑定本地的Hexo到github上去
github上也有自己的网站主页了,接下来我们得让github显示自己本地的hexo网站。
4.1配置git个人信息
还是右键打开git bash。
输入自己的username和email
4.2 修改_config.yml文件
打开在blog文件夹里找到_config.yml文件,用编辑器打开(推荐notpad++,防止乱码),找到Deployment,然后按照如下修改:
4.3 配置ssh
第一次设置时本地没有密钥,打开git bash,输入:
更换成自己的邮箱,然后一直回车即可。
4.4 连接Hexo和github
打开c:/user/ssh,里面会有id_rsa.pub文件,打开以后复制里面的全部内容。
接下来在浏览器中打开你的github账号。选择设置,进入SSH key项中,选择add ssh key。
把你本地生成的密钥复制到里面(key文本框中), 点击 add key即可。
到这里所有的配置基本都配置完了。让我们来看一下自己的网站
在blog里打开git bash,输入
hexo d -g
至于怎么发文章,增加分类,怎么修改网站样式,下次我再会写一篇文章。
如果你在上述过程遇到了什么解决不了的问题,可以后台留言哦
关注的人都是优秀的人
领取专属 10元无门槛券
私享最新 技术干货