一、Nodejs部署
二、git部署
三、hexo部署启动
四、hexo配置、解决中文乱码
五、github初始化
六、blog推送部署到github
七、更换主题和头像
八、最终选择主题
1、需要在本地安装node.js
如下结果表示已经成功安装node.js
C:\Users\Administrator>node -v
v10.16.3
C:\Users\Administrator>npm -v
6.9.0
需要去设置node.js的下载的包的来源:
npm config set registry https://registry.npm.taobao.org
2、Windows的git部署:
如何校验是否完成,右键出现git bash here就说明没有问题:
3、hexo部署:
a. 安装完git和node.js服务后,使用如下命令:
b. 在本地F盘新建一个hexo文件夹来存放:
windows黑窗口下来进入这个文件夹:
Hexo的简介:
执行如下命令:
需要进入到G:/hexo文件夹下面,右键打开git bash窗口来运行如下命令,耐心等待:
1、初始化博客目录
2、进入ruozedata目录
3、在此目录:G:/hexo/ruozedata进行安装
4、初始化完成之后要清理缓存
官网网址:
1、生成静态文件:hexo generate ⇒ 简写:hexo g
2、启动:hexo server ==>简写:hexo s
ruozedata目录下文件解读:
配置界面官方网址:https://hexo.io/zh-cn/docs/configuration
在此路径下G:\hexo\ruozedata_config.yml,修改如下的参数:
参数 | 描述 |
---|---|
title | 网站标题 |
subtitle | 网站副标题 |
description | 网站描述 |
keywords | 网站的关键词,使用半角逗号,分隔多个关键词 |
author | 作者的名字 |
language | 语言 |
timezone | 网站时区 |
1、hexo clean
2、hexo generate
3、hexo server
我们设置title为中文的时候访问就是乱码;在如下目录找到中文对应的字符G:\hexo\ruozedata\themes\landscape\languages --> 其实就是zh-CN;再把它另存为,另存为的时候注意设置编码方式是UTF-8.
linux三个命令一起做:hexo clean && hexo g && hexo s
然后就可以在本地访问:
1、首先我们要进行注册,需要的是简约好记、高大尚一些。
需要去配置SSH and GPG keys:
进入如下网址跟着操作:
1、打开git bash窗口
2、paste the text below, substituting in your github email address(复制下面的这段话,然后把邮箱替换成自己的),粘贴执行3个回车,第一次的话不需要输入Y,不是第一次需要输入Y;
Administrator@÷▒ϰ▒ĵ▒▒▒ MINGW64 /g/hexo/ruozedata
$ ssh -T [email protected]
Hi 18896826276! You've successfully authenticated, but GitHub does not provide shell access.
个人的环境变量,环境信息配置:
去创建仓库,单机个人头像边上的+号,点击new repository;注意仓库的命名规范,一定要和Owner名字保持一致:18896826276.github.io
如下所示:
windows本地部署完成、github也已经部署完成;
官网配置页面:
第一步:安装 hexo-deployer-git
第二步:在_config.yml中添加一些配置信息(在结尾处添加):
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/18896826276/18896826276.github.io
branch: master
第三步:运行hexo clean && hexo deploy
在浏览器上使用username.github.io来进行访问:
第一次的话会跳出弹窗,输入github的用户名和地址来让你登录:
此时部署已经全部完成了。
主题网址:https://hexo.io/themes/
1、经典主题:hexo-theme-yilia
使用git bash进入到/g/hexo/ruozedata/themes这个目录下,输入如下命令:
2、静静等待下载完成,会发现在themes的目录下多出了一个文件夹:
3、在_config.yml中进行编辑(G:\hexo\ruozedata_config.yml):
4、整合的linux命令,清缓存,生成静态页面,开启本地服务器:
本地效果如下:
再次使用命令:hexo clean && hexo deploy清缓存,推送到远程github的网址上:
进入到主题目录下的img文件下,把照片上传上去:
同时修改这个文件:
头像推送到github,hexo clean && hexo deploy
最终选择Hackeruncle-hexo(*)主题
Administrator@÷▒ϰ▒ĵ▒▒▒ MINGW64 /f/GithubBlog
$ git clone https://github.com/hackeruncle/hackeruncle-hexo.git ./hackeruncle-hexo
Administrator@÷▒ϰ▒ĵ▒▒▒ MINGW64 /f/GithubBlog
$ cd hackeruncle-hexo/
我们之前已经部署过了一个主题:现在我们新建了一个主题,我们应该怎么操作呢,先delete repo:18896826276/18896826276.github.io
继续创建一个新的仓库:
J总的新主题只要在_config.yml中替换自己的repo地址即可,注意编辑器编码的时候另存为一个UTF-8格式的文件。
Administrator@÷▒ϰ▒ĵ▒▒▒ MINGW64 /g/GithubBlog/hackeruncle-hexo (master)
$ hexo clean && hexo g && hexo s