gitee+hexo搭建我的博客

经过gitee和hexo搭建我的博客

本文首发：https://www.somata.net/2019/build_blog_with_gitee_hexo.html

首先准备软件：

• git (提供命令git) git官网
• notepad++(方便编辑)notepad++官网
• nodejs(hexo依赖)nodejs官网
• 7z(压缩包)7z官网

连接：https://pan.baidu.com/s/1OWnJMV1kI86aLUZZEkt6Yw 提取码：im6o 这里整合好了。

还有码云主页

安装

nodejs、git、notepad++和7z的安装过程省略。主要要说的是hexo的安装和配置。
再以上几个安装好后，注意测试是否能够再命令行可使用：git,npm 这里虽然使用的是Windows值做可是所有都是使用命令完成，与Linux的命令相同，因此能够Linux也是能够完成的。
Win+R-> 'cmd' 打开命令行
首先须要配置npm的国内源

npm config set registry https://registry.npm.taobao.org		#配置国内的镜像源
npm info hexo	# 测试查看hexo的安装信息，是不是taobao.org的源

而后再是安装hexo：

npm install -g hexo 		# 经过npm安装hexo
# -g 指定全局安装，可使用hexo命令

我这里再切换到桌面路径进行操做

hexo init test		# 初始化建立，会再桌面建立test文件夹
cd test				# 进入test目录
npm install			# 进一步安装hexo所需文件

这样hexo就安装完成了，接下来就能够启动hexo了

hexo clean			# 清除全部记录
hexo generate		# 生成静态网页
hexo server -p 80	# 启动服务

而后使用浏览器访问http://server_ip

主题配置

若是不喜欢这个主题能够换一个
好比next主题，next官网 next的github网页，去github下载压缩包而后放到test下的themes目录下。

而后配置_config.yml

……
theme: hexo-theme-next-5.1.4		# 这里须要注意:后面要有一个空格，名称要和theme下的主题目录名称相同。
……

hexo的其余配置参考hexo官方文档 next的配置参考next官方文档

而后重启hexo服务

hexo clean			# 清除全部记录
hexo generate		# 生成静态网页
hexo server -p 80	# 启动服务

而后从新访问网页，就会发生变化

生成blog

生成blog：

hexo new test		# 生成主页,在test/source/_posts下会生成test.md文件

全部网页都时经过md文件来显示的，若是想要学习md->markdown语法,能够参考原做者markdown解释

上传到gitee

gitee主页
再gitee建立本身的帐户，而后再建立一个本身仓库
在建立仓库完成后进入到仓库
复制URL，到hexo的配置文件_config.yml

……
deploy:
  type: git					# type为git
  repo: https://gitee.com/somata/somata	# 仓库的URL
……

这里先安装一个hexo的插件

npm install hexo-deployer-git --save	# 安装git插件
git config --global user.email *********@qq.com	# 设置gitee邮箱（gitee的注册邮箱）
git config --global user.name '****'			# 设置用户名（git的注册昵称）
hexo deploy	# 上传到gitee
# 在上传时，须要再次输入gitee的注册邮箱做为username，帐户密码做为password

上传完成以后，仓库就会多出如下文件
而后哦选择gitee pages 网页解析服务 而后选择开启 或 更新便可。注意须要绑定手机号，不然不容许使用pages服务。而后访问网址
这里须要注意，每次从新上传网页后，都须要到这里来更新网页

解决hexo博客网页没法使用图片问题

npm install hexo-asset-image --save	# 安装hexo插件

# 这里还要注意修改_config.yml中的一个点
……
post_asset_folder: true
……

hexo new test		# 生成新的网页

位置在 test/source/_posts下，会同时生成test目录和test.md 网页，将须要的图片放置到test目录下，test.md就能够正常解析了，注意：要在图片路径直接写成同目录下便可。

本文经「本来」原创认证，做者乾坤盘，访问yuanben.io查询【3SCNT0GH】获取受权信息。