利用Hexo搭建博客

前言

为什么要搭建个人博客?

本人是一个没钱没颜的小哥哥,人生中最大的乐趣就是白嫖。但是,作为一位有着一腔热血、热爱学习的青年,找不到合适记笔记的地方(映像笔记、有道云都还可以,推荐大家去看看,滑稽.png)。无意中萌发搭建博客的想法,所以写了这篇博客(第一篇博客,想想还是很激动的,尽管没人看)。

什么是 HEXO ?

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

Github Page 创建

  • GitHub 账号创建
  • 新建仓库,仓库名为 username.github.io [ username 为 github 用户名]

环境搭建

  • 安装 node.js
  • 安装 git 后右键「Git Bash Here」进行全局配置
git config --global user.name "John Doe"
git config --global user.email [email protected]
  • 所有必备的应用程序安装完成后,即可使用 npm 安装 Hexo
npm install -g hexo-cli

新建站点

  • 在本地D盘新建一个文件夹 localBlog (此时工作目录为D盘)按住 shift 右键打开 power shell
  • 输入 hexo init localBlog 初始化该站点(速度有点慢,耐心等待一下)
cd         //进入站点
npm install        //安装相关模块
  • 初始化后输入如下命令就可以看见搭建的博客雏形
hexo server
//hexo server 等价于 hexo s
//在浏览器输入 http://localhost:4000

配置博客

修改网站相关信息

title: 海棠的个人博客
subtitle: 副标题
description: 网页描述
author: 海棠
language: zh-CN
timezone: Asia/Shanghai
url: https://haitany.github.io

配置部署相关信息

deploy: 
  type: git
  repo: https://github.com/Username/username.github.io.git
  branch: master

添加 SSH key 步骤

  • 检查电脑是否已经拥有 SSH key,运行 git bash 客户端
cd ~/.ssh
ls
  • 若有,则跳过此步骤。创建一个 SSH key(该过程需要 Enter 三次)
ssh-keygen -t rsa -C "你的注册邮箱"
  • 添加 SSH key 到 github
clip < ~/.ssh/id_rsa.pub    //相当于复制该文件里的内容
  • 登录你的 github 账号,从右上角的设置 Settings 进入,然后点击菜单栏的 SSH key 进入页面添加即可。
测试一下 SSH key 是否正常?

git bash 输入 ssh -T [email protected] 然后输入 yes 知道看见 successfully authenticated 字样而不是 access denied 字样则证明 SSH key 连接正常。

写作文章

  • 进入 localBlog 按住 shift 右键打开 power shell 输入 hexo new "文章名" 系统会在 source 下的 _post 里生成一篇 md 文件,然后你就可以尽情发挥了。
hexo g        //生成静态页面
hexo s        //本地预览
hexo d        //一键部署
该过程首次进行可能会提示需要登陆 github 及 OpenSSH

如果过程提示 ERROR: deploy don't find git ! 则需要执行npm install hexo-deployer-git --save

关于图片

  • source 下新建 images 文件夹,用来存放图片
  • typora 设置图像

利用Hexo搭建博客_第1张图片

关于启用资源(Asset)文件夹,这里就不作详细介绍 ! ! !

你可能感兴趣的:(github)