0成本搭建博客!

China_Star · 2020-8-18  ·次阅读


前言

现在的博客程序有很多(小白式的也就属WordPress了吧),发布文章的地方也有很多(博客园,简书,CSDN-专业开发者社区)。前者的WordPress需要一个虚拟主机或VPS(维护成本较高T-T),而后者的发布文章的地方多多少少有些约束(在别人家吃饭总没有在自己家吃饭舒适得多)。而本文,将会使你在白嫖的路上越走越远

准备工作

  • 一双手
  • 一台电脑
  • 一个GitHub账号

Hexo简介

Hexo是一款基于Node.js的静态博客框架,而Hexo官网对于Hexo的定义为“快速、简洁且高效的博客框架”,在实际使用时我们可以体会到这并不是浪得虚名。

Hexo的优势

  • 超快速度 依靠Node.js带来的强劲生成速度,几百个页面瞬间完成渲染
  • 支持Markdown语法 本文就是使用美妙的Markdown语法书写
  • 一键部署 一条命令即可迅速部署到GitHub Pages,Heroku等平台
  • 插件和可扩展性 与数种模板引擎和工具轻易集成

开始搭建

环境部署

检验安装是否完毕

打开Windows Powershell,输入 git --version node -v npm -v 检验是否安装完毕,如图所示即可

安装Hexo

前面Git,Node.js安装完毕后,可以进行这一步啦!

npm install -g hexo-cli

然后输入 hexo -v查看版本号,有版本号回显即为安装成功

然后新建一个文件夹“Blog”,这个文件夹的名称可以自己取,我取的是“Blog”

我的文件夹路径为“D:\Blog”,打开Windows PowerShell,cd到相应路径

然后输入hexo init进行初始化

Tips:若在hexo init时出现了“无法加载文件,因为在此系统中禁止执行此脚本”时,尝试输入set-executionpolicy remotesigned 然后输入”Y“,该问题就解决啦

初始化完毕后输入以下命令,安装依赖ing…

npm install

构建完成后,该目录下应有

  • node_modules 这是Node.js的依赖包
  • public hexo g之后生成的页面存放目录
  • scaffolds 生成文章的模板
  • source 存放文章及其他页面的地方
  • themes Hexo的主题存放目录~
  • _config.yml 博客的配置文件

然后输入以下命令开始你的博客之旅~

hexo generate
hexo server

在浏览器输入 localhost:4000 就能看见你的博客啦(Tips:若有防火墙提示,请放行)

该页面有一些关于Hexo的使用,看完后在Windows Powershell使用 Ctrl+C 关闭

将Hexo本地博客上传到Github Pages

注册GitHub账号

GitHub Pages是GitHub的一项托管服务,所以你必须要有一个GitHub账号点我去注册!根据该页提示进行注册

注册完毕后,我们可以看到一个New,点击它!

创建一个和你用户名相同的仓库,后加.github.io,Description(描述)可以随便填,选择Public,最后选择Create Repository。

生成SSH添加到GitHub

打开Windows Powershell或Git Bash 输入

git config --global user.name "yourname"
git config --global user.email "youremail"

双引号内的yourname和youremail换成你的用户名和GitHub相对应的邮箱

然后输入 (youremail 换成你的邮箱)

ssh-keygen -t rsa -C "youremail" 

然后按两次回车键

这时已经生成了SSH文件,它会显示出来你SSH文件的路径

然后用记事本打开id_rsa.pub,将里面的内容复制一下

然后打开GitHub,找到Settings选项,再点击“SSH and GPG keys”,最后点击“New SSH Key”

id_rsa.pub里面的信息复制进去

上载博客

打开博客目录下的_config.yml ,把下列代码粘贴到最后一行

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

把”Yourname”改成你的GitHub的名称 然后Ctrl+S保存

这时候先别hexo d(不听话的孩子会出错哦~)

应先安装deloy-git,才能进行hexo d上传部署,在Windows Powershell内运行下列命令

npm install hexo-deployer-git --save

然后就能进行hexo d上传了,输入hexo d后可能会让你输入你的username和password,输入即可。在输入password的时候是不会显示的,这是为了保护隐私,照常输入即可

访问博客

一顿操作猛如虎,那么我们来欣赏一下自己的战果吧!

输入yourname.github.io进行访问,yourname就是你的GitHub名字