我的博客采用hexo+GitHub的方式来搭建的
几个概念的介绍
hexo概念介绍
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
Hexo是一个基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub和Heroku上,是搭建博客的首选框架
GitHub介绍
GitHub是一个代码托管网站和社交编程网站
GitHub Pages
GitHub Pages是用来托管 GitHub 上静态网页的免费站点。
说通俗一点:
利用Hexo和GithubPages搭建博客,实际上就是利用Hexo在本地(你的电脑上)生成一个博客站点,然后利用网络将它传输到Github上进行拷贝和备份。再由Github提供的GithubPages服务将博客部署到网上,这样你的博客就可以作为一个独立的站点被别人浏览(正式上线)。同时你也可以在Github上管理你的博客。
开始搭建
一:环境搭建
安装git
请参考git安装详细教程
安装node.js
请参考node.js安装教程
安装Hexo
获取个人网站域名
GitHub创建个人仓库
推送网站
绑定域名
二:安装hexo
1.hexo就是我们用于搭建个人博客的框架,这个时候我们需要在我们本地文件夹中创建一个用于博客管理的文件夹,我命名为xuqiaocode,本地F:\xuqiaocode
hexo框架与以后写作发布的网页等都会保存在这个文件夹中,创建好之后进入文件夹
右键,点击git Bash Here
2.输入命令:安装hexo
npm install -g hexo-cli
3.初始化博客hexo init
输入命令:在bolg文件下初始化博客
hexo init bolg
注意,这些命令都作用于我们刚刚新建的xuqiaocode文件夹中
4.进入bolg文件下通过命令检测一下我们网站的雏形,按顺序输入以下三条命令:
hexo new hello Hexo //新建一篇名为"hello Hexo"的博客
hexo g //生成静态文件
hexo s //本地部署预览
此时,我们的网站已经初步成型,可以输入 localhost:4000 访问。
三:将hexo与gitHub关联
GitHub创建个人仓库
1.生成shh秘钥
我的秘钥应该是以前有弄过,所以在我的电脑文件夹C:\Users\鸡哥的.ssh\id_rsa.pub可以看到
2.登陆GitHub在设置中找到SSH and GPG keys添加公钥:
3.测试是否成功:
ssh -T git@github.com # 注意邮箱地址不用改
如果提示:Are you sure you want to continue connecting (yes/no)?
输入yes
返回:Hi jfxuan! You’ve successfully authenticated, but GitHub does not provide shell access.
看到这个信息说明SSH已配置成功!
注意:项目名称为 用户名.github.io ,假如我的Github用户名是xuqiaoZzz,则创建的项目名为 xuqiaozzz.github.io,选择public公开:
四:推送网站
1.配置文件介绍
上面我们只是在本地预览,接下来要做的就是推送网站,也就是发布网站,让我们的网站在互联网上能被访问到。在设置之前,我们先来看看blog根目录里的**_config.yml文件**,是我们的站点配置文件
2.登陆GitHub
3.配置hexo:
编辑 _config.yml文件
这里面都是一些全局配置,每个参数的意思都比较简单明了;
需要特别注意的地方是,冒号后面必须有一个空格,否则可能会出问题;
repo就是GitHub上面创建的博客项目;
repo后面填写的一定要和GitHub存储库上面的相吻合:
4.输入命令:
hexo clean //清理静态文件
hexo g //生成静态文件
hexo d //部署
这三条是我们日后写博客经常要用到的命令,其中第三条的 hexo d 就是部署网站命令,d是deploy的缩写,对应到我们刚刚在站点配置文件中的修改。
完成后打开浏览器,在地址栏输入你的放置个人网站的仓库路径,即xxxx.github.io,其中xxxx表示我们的用户名。当然这里有个前提,你是按照用户名.github.io的形式来命名你的仓库。
你就会发现你的博客已经上线了,可以在网络上被访问了。
如果hexo d出现报错:“ERROR Deployer not found: git”
npm install --save hexo-deployer-git
浏览器访问:
博客的网站就是:xuqiaozzz.github.io
来源:CSDN
作者:qq_42820446
链接:https://blog.csdn.net/qq_42820446/article/details/104089441