我有了自己的博客网站


为了更好的记录自己能力的成长,所以用了Hexo框架 + Matery主题 + GitHub Pages 做了一个自己的博客网站,以后会记录一些开发游戏的进度、遇到的一些问题及解决方法或者一些有趣的软件和游戏分享。

创建博客的过程

1. 安装Nods.js

node.js下载官网: nodejs官网.

Node.js官网


2. 安装Git

在Windows上使用Git,可以从Git官网直接https://git-scm.com/downloads 然后按默认选项安 装即可。安装完成后,在开始菜单里找到“Git”->“Git Bash”,蹦出一个类似命令行窗口的东西,就 说明Git安装成功!

  • 在Git中绑定Github账号,打开“Git Bash”,在命令框中依次输入两行命令:
git config --global user.name "Your Name"
git config --global user.email email@example.com
# 其中Your Name和email@example.com替换成上面注册时的账户名和邮箱

​ 安装之后可以输入以下命令查看是否安装成功:

git version       # 验证git版本
node -v           # 验证node版本
npm -v            # 验证npm版本

3. 安装Hexo

  • 以上环境准备好了就可使用 npm 开始安装 Hexo 了,在命令行输入执行如下命令:
npm install -g hexo-cli
  • 安装 Hexo 完成后,在指定文件夹下打开“Git Bash”,再执行下列命令,Hexo 将会在该文件夹路径下新建所须要的文件:
hexo init myBlog	
cd myBlog		
npm install
# myBlog 是新建出来的文件夹项目名,可随意
  • 若是上面的命令都没报错的话,就恭喜了,运行 hexo s 命令,其中 s 是 server 的缩写,
hexo s  或者  hexo server     # 运行服务
其他命令(需了解):
hexo g  或者  hexo generate   # 生成静态文件
hexo d  或者  hexo deploy     # 项目部署到Github 需要做好部署环境

在浏览 器中输入 http://localhost:4000 回车就能够在本地预览效果了。

Hexo部署后预览


4. 安装Matery主题

可以选择到 Hexo主题官网 挑选一个其他你认为好看的主题,我使用的是 Matery主题 按照页面中下方的教程,就可以完成Matery主题的安装。


5. 将项目搭建到GitHub Pages

5.1 创建一个 Github 项目

  • 前往 Github 官网,登录Github之后,点击 New repository 创建新项目**(注意Github 仅能使用一个同 名仓库的代码托管一个静态站点,这里注意仓库名一定要是: 用户名.github.io,以后访问你的静态网站的地址)**,点击 Create Repository 确认.

创建Github项目

  • 接着配置SSH key,要使用git工具,输入以下指令,前两行如果已经在安装git时输入过了,就不用输入了
git config --global user.name "用户名"
git config --global user.email "邮箱地址"
ssh-keygen -t rsa -C "上面的邮箱"
  • 按照提示需要敲三次回车,就可以生成 ssh key,采用以下指令可以查看到自己的ssh:
cat ~/.ssh/id_rsa.pub
  • 第一次使用还需要确认并添加GitHub到本机SSH可信列表。若返回 Hi xxx! You’ve successfully authenticated, but GitHub does not provide shell access. 内容,则证实添加成功。
ssh -T git@github.com

5.2 生成SSH Key

​ 登陆 Github 上添加刚刚生成的SSH key,按如下步骤添加,右上角点击头像-> settings -> SSH and GPG keys,建立一个新的 SSH key, 标题随便,key 就填刚才生成那个,确认建立,这样在你 的 SSH keys 列表里就会看到你刚刚添加的密钥。

生成新的SSH key

5.3 开始部署

此时,本地和Github的工做作得差不了,是时候把它们两个链接起来了。你也能够查看官网的部署 教程。先不着急,部署以前还须要修改配置和安装部署插件。

  • 第一:打开项目根目录下的 _config.yml 配置文件配置参数。拉到文件末尾,填上以下配置。

_config.yml 配置文件配置参数

  • 第二:安装一个部署插件 hexo-deployer-git,打开“Git Bach”,输如以下指令:
npm install hexo-deployer-git --save
  • 最后执行如下两条命令就能够部署上传啦,如下 g 是 generate 缩写,d 是 deploy 缩写
hexo g # 先生成文件
hexo d # 部署到Github上
  • 这时如果一切正常,就可以直接打开浏览器输入 用户名.github.io (也就是规定设置的项目的名称)就可以访问刚才的网站啦。

版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 时间永远嫌少的小白 !
 上一篇
推荐Win10系统的5个实用小软件 推荐Win10系统的5个实用小软件
目前经常使用的一些基于Windows10系统的实用软件,如果还没有安装使用过,看到感兴趣的可以尝试用用看。
本篇 
我有了自己的博客网站 我有了自己的博客网站
为了更好的记录自己能力的成长,所以用了Hexo框架 + Matery主题 + GitHub Pages 做了一个自己的博客网站,以后会记录一些开发游戏的进度、遇到的一些问题及解决方法或者一些有趣的软件和游戏分享。
2022-06-06
  目录