Hexo+码云+git快速搭建免费的静态Blog
原文地址:www.xksblog.top/quickly-bui…
作为一个对技术有着热情渴望的前端小白,对于写Blog这种事也是跃跃欲试。于是乎赶紧从网上搜罗了一堆搭建个人Blog的方法,对比了下,最后倾心于Hexo这个博客框架,搭配Github/码云的page服务,可以轻松搭建一个炫酷又不失优雅的静态Blog(还是完全免费的)
前期准备工作
- 去Git官网,下载安装
Git
(版本控制系统) - 去Node.js官网,下载安装
Node.js
(自带NPM包管理工具,另外Hexo是基于Node.js的) - 注册一个
码云或Github账号
(提供page服务) - 有一个经常
阅读官方文档
的好习惯(一些简单的安装自行去看官方教程,这里不会啰嗦)
为什么选择Hexo+码云
Hexo主打快速、简洁和高效,安装过程简单,关键是它的模板主题非常华丽亮眼(这或许也是Hexo吸引了众多妹子程序媛的原因)
我们可以看看Hexo官方对自家的定义: Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
至于码云 vs Github方面,码云作为国内网站,访问速度自然是比Github快一些,且更容易被SEO收录提升博客的曝光率。
第一步:Hexo安装与测试
1.请先安装好Git和Node.js
2.安装Hexo:使用cmd命令行,输入下列命令
$ npm install -g hexo-cli
复制代码
3.指定一个文件夹存放你的Blog文件(也就是根目录)
$ hexo init <folder> # <folder>替换成你的文件夹地址,在这个地址里生成Hexo初始化文件
$ cd <folder> # 进入这个文件夹
$ npm install # 在文件夹内自动安装Hexo所依赖的各种模块
复制代码
经过以上3步,Hexo就初始化成功了,下面我们进行一下本地测试
4.生成静态页面
$ hexo generate
复制代码
5.本地测试:开启服务器
Hexo 3.0 把服务器独立成了个别模块,所以我们必须先安装 hexo-server 才能使用server
$ npm install hexo-server --save
复制代码
安装成功后,以后我们只需要使用下面的命令就可以开启服务器了,开启后默认的网站访问地址为:http://localhost:4000
$ hexo server
复制代码
简单的5步,一个最原始的本地Hexo博客就已经搭建好了。浏览器输入http://localhost:4000
就可以看到类似如下效果。
第二步:Hexo部署前的准备工作
在localhost:4000新鲜够了没?接下来就是真刀真枪的干了,我们这里使用码云进行Blog的部署(Github也是类似的方法)。
1.登录码云,新建一个项目。
如果想以
http://xuek.gitee.io
这种一级域名的形式访问bolg,那么我们需要建立一个与自己个性地址同名的项目,如https://gitee.com/xuek
这个用户,在创建项目时项目名称应该为xuek
。
2.在克隆/下载中,复制HTTPS里的链接。
3.找到Blog本地的根目录里的_config.yml文件,找到deploy这一项,将之前复制的HTTPS里的链接复制到repo后面,然后修改type的值为git,然后保存即可。
经过以上3步,我们就将码云和本地的Blog建立了连接,那么我们该怎么将Blog部署到码云上呢?别急,接下来就到git登场了。
第三步:使用git对Blog进行版本控制
1.在Blog根目录单击右键,选择Git Bash here
git bash就是模拟出来的小型Linux命令行
2.如果是第一次使用git的话,要先配置一下我们git的基本信息
$ git config --global user.name+空格+你的名字(最好和码云的一样)
$ git config --global user.email+空格+你的邮箱(最好和码云的一样)
复制代码
3.接下来我们就可以在Git Bash中初始化git,把Blog根目录变成一个git可以管理的仓库
$ git init
复制代码
这样就可以使用git管理你的Blog版本了,更多关于git的使用参见: 廖雪峰的git教程
第四步:部署Hexo到码云
万事俱备,只欠东风。你有没有发现git\hexo\码云这三者已经关联起来了?好了,下面我们将用git把Hexo部署在码云上
1.在Blog根目录下安装Hexo的Git部署插件
$ npm install hexo-deployer-git --save
复制代码
2.安装好了Git部署插件之后,我们就可以输入命令一键部署了
$ hexo deploy
复制代码
之后会弹出一个对话框,让我们输入码云的帐号和密码(稍后我们会配置网站的SSH,这样就不用每次都输入账号密码了)
第五步:使用码云的page服务
1.进入我们码云的项目里,会发现Blog的静态文件已经上传到项目中了
2.选择服务—>Gitee Pages
,我们使用master分支,然后直接点“启动”,即可启动page服务。 更多关于码云page的说明可参考官网:码云Gitee帮助文档
大功告成!点击网站地址就可以进入属于你自己的Blog了!
不过我们可没有结束,一切才刚刚开始..
第六步:配置SSH
有了免费的服务器(page)之后,我们还可以把它和我们个人电脑作一个绑定,以后使用git通讯就不用总是输入账号密码,自然方便多了!
这里不啰嗦了,最完美的配置SSH教程参见官网:生成并部署SSH key
第七步:安装主题
Hexo使用者乐此不疲的地方就在于它各种炫酷的主题了,不过Hexo官网那点主题不够看,更多的还是移步这里:有哪些好看的 Hexo 主题?
Hexo的主题基本是傻瓜式安装,只需要将主题文件复制到Blog根目录的themes文件夹下, 然后修改下_config.yml站点配置文件即可:
这里我们使用了Next主题,具体的安装和使用方法参见官网:NexT使用文档
第八步:新建文章
1.使用下面的命令生成一篇新文章
$ hexo new "title"
复制代码
2.生成的新文章都在\source\_posts\title.md
目录下,打开后注意理解下顶部的模板参数,其他自行编辑即可。
title: Hello World // 文章标题
date: 2018-07-11 23:49:28 // 文章生成时间,一般默认即可
categories: text // 文章分类目录,可使用[a,b,c]表示多个分类
tags: [Hexo,text] // 文章标签
---// 正文部分,使用markdown进行书写。<!--more--> // 如果设置了阅读全文选项,则more标签以下的内容在首页会被“阅读全文”字样隐藏复制代码
3.文章修改后可依照前面的方法先在本地 http://localhost:4000
进行预览(每次需要重新启动下sever),至于正式更新到网站上还需要看下一步。
第九步: 更新Blog
1.清除缓存文件 (db.json) 和已生成的静态文件 (public)
$ hexo clean
复制代码
2.重新生成静态文件并自动部署到网站
$ hexo generate --deploy # 可以简写为hexo g -d
复制代码
总结
以上就是基于Hexo搭建Blog的一些基础性内容。这个教程也只是把思路理顺了一下,权当是一个分享,文章若有错误之处还请多多指点。
一个Blog的搭建过程看似简单,但其中用到的知识却非常广泛,也需要花费些时间仔细阅读下各个官方文档,不仅要知道怎么用,还要知道为何这么用,这也是我们下一步要继续研究的。
万里长征才走了第一步,接下来就是有趣但也是非常具有挑战性的事————个性化我们的Blog。关于Blog主题的美化和个性化,就是一个浩大的工程了,网上关于Next主题优化的进阶教程非常多,有兴趣的可以尝试下,这里就暂时不做讨论了,日后有需要再另作一文。
转载于:https://juejin.im/post/5b7ad46b6fb9a019dd6aa214
Hexo+码云+git快速搭建免费的静态Blog相关推荐
- 码云怎么创建公开的仓库_使用码云或GitHub搭建简单的个人网站(补充hexo搭建博客)...
使用码云或GitHub搭建个人网站 码云: 1.新建一个仓库 路径名会影响你的个人网站的网址(自行修改),开源(公开),其他默认 我们点击创建 2.进入仓库后,我们新建一个文件 3.文件名为index ...
- 【Microsoft Azure 的1024种玩法】五十九.基于Azure云平台快速搭建GitLab应用实现代码托管
[简介] GitLab是由GitLab Inc.开发,一款基于Git的完全整合的软体开发平台,以 Git 作为代码管理工具并实现自托管的 Git 项目仓库,本篇文章主要介绍如何在Azure Virtu ...
- 免费邮件服务器软件 linux,Linux 快速搭建免费邮件服务器(docker)
文章目录 Docker下搭建Ewomail邮件服务器 第一步:安装运行docker 第二步:登录管理中心 配置 iRedMail iRedMail简介 linux安装开源邮件服务器iredmail的方 ...
- 体验云上快速搭建WordPress网站小记
1月12日下午到北京阿里总部体验云上快速搭建WordPress网站,一次完美的体验,小记于此. 美好的一天,以一碗超赞的小面开始,饕餮之余,就是跟随张会长义无反顾的穿越京城.抵达望京阿里中心, 已然下 ...
- 阿里云数据库快速搭建疫情分析系统最佳实践
简介:疫情降临,疫情态势分析和防控任务迫在眉睫,如果快速搭建高效的疫情态势分析系统是众多部门和单位的难题,阿里云RDS PG+Ganos解决方案可在极短时间内完成分析系统搭建,有效助力疫情防控. 直达 ...
- 开源中国码云git连接
2019独角兽企业重金招聘Python工程师标准>>> 今天使用 本地git 注册和连接 开源中国的码云git的时候出了点情况,所以记录一下,主要是码云说明的 不够明白. 当然了 开 ...
- 码云 Git 入门篇 ---简介、安装、使用
码云 Git 入门篇 -简介.安装.使用 这篇文章可以对刚入门gitee的朋友起到一点帮助的作用,也是我自己的一点点总结,能力一般,水平有限,如有不正确的地方请大家指正,如果觉得有帮助,请点一个赞,谢 ...
- 码云git push报错 DeployKey does not support push code 解决办法
码云git push报错 DeployKey does not support push code 解决办法 首先生成公钥去码云添加公钥有具体教程 添加公钥 一顿操作之后测试一下 git push 嗯 ...
- 云计算初探2-使用云服务器快速搭建论坛
腾讯云在各大高校都在做相应的宣传工作,推广云计算,同时也能吸纳更多的腾讯云用户,我们暂且不对各大云服务提供商进行比较,腾讯云开展了一个1元购机的活动对于学生党来说还是相当不错的.学生可以花1元钱便可以 ...
最新文章
- TCP/IP详解--第十八章
- php gd 行间距设置,PHP动态修改GD库扩展问题
- Jsoup 数据修改
- MySQL8.0——Resource Group(资源组)
- 转:DotNET企业架构应用实践-架构师成长之路-如何成为优秀架构师
- C语言动态链表数据结构
- 选择目录或选择文件(PyQt或Qt for python)
- python 小括号转译_Python-HTML转义字符
- python灰色预测_python实现灰色预测模型(GM11)——以预测股票收盘价为例
- (转)汇编bne的问题
- obj文件转gltf文件
- Java 练习题:求平方根
- Android类似IOS的果冻效果
- 7-24 到底是不是太胖了 (10分)
- 二进制与或非逻辑计算机,深度学习(1):给感知机做准备,谈谈二进制和与或非门。...
- 前端必会三种CSS布局
- 无监督-主题模型(TM)/隐语义模型(LFM)(四):LDA(隐狄利克雷分布)【 数据(似然)(多项分布)+先验分布(狄雷分布)-> 后验分布(狄雷分布),后验分布作为下一轮的先验分布】【广泛使用】
- gitbook 插件 SEO
- 5G+物联网商业模式促使物联网卡迎来增长新风口
- private static final long serialVersionUID = 1L 的作用
热门文章
- delphi webbrowser 经常用法演示样例
- 请教开发WinForm时输入法问题
- JavaSE(二十六)——多线程之模拟龟兔赛跑
- sqlserver没有维护计划_设定数据库备份计划,安全放心不怕事!
- python顺序结构实验_Python程序设计实验报告二:顺序结构程序设计
- 利用ArcGIS Python批量拼接裁剪遥感影像(arcpy batch processing)
- C++ | C++实现高精度加法——数组加法(附源代码)
- 【ML】 李宏毅机器学习一:Regression、Gradient Descent(python实现)
- gethostbyname()函数:通过域名获取IP地址
- SQLite学习手册(锁和并发控制)