menu Andy's Blog
more_vert
HEXO网站搭建
2020-08-17 | 科学,日常 | 暂无评论 | 81 次阅读 | 855字
Andy
author

Github,这个全世界的前端开源圣地,也是个白嫖者的圣地
偷偷地说,别翻译成英文
前言
你了解Hexo吗? Hexo是一个静态博客框架,基于Node.js,将Markdown文章通过渲染引擎,生成一个静态网页,再结合Git命令(ssh+秘钥),Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页(HTML)。

本文系统环境信息:Win10专业版,64位(10.0 版本18362)
Node.js:12.13.0 Git:2.24.0
修改配置文件要用到的软件(可选):

  1. Visual Studio Code(适合有开发基础的程序员,非常好用。但插件使用需要学习)
  2. Sublime Text3
  3. NodePad++ 7.8.1(最新的,也可以在官网选择其他版本)

搭建环境

首先去Node.js官网 下载node.js的安装程序,根据你电脑系统的配置信息,下载对应的安装程序,然后开始进行下面的步骤。随后更改全域路径(可直接百度),回到桌面,打开cmd(Win+R),然后运行node -v,看是否安装成功。

设置npm

CMD命令行打开


Git的安装与配置
去git的官网下载和安装。
验证安装
在资源管理器右键菜单或开始菜单里,可以找到 Git Bash ,打开后是个命令行界面 ( 记住这个东西,待会要用 )。
GitHub & SSH key
前往 GitHub 注册属于你的账号 ( 请及时验证邮箱地址 ) 。

打开 Git Bash ,运行下面的命令 :ssh-keygen -t rsa -C "{{你的电子邮箱地址}}"

连续3次回车,最终会在用户目录下生成个包含公钥私钥等数据的目录 ( 一般是 C:/Users/{{你的用户名}}/.ssh/ ) 。

生成 SSH Key

打开这个目录,找到 id_rsa.pub 文件,用你喜欢的二进制文本编辑器 ( 记事本 ) 打开并复制里面的内容。前往 GitHub -> Settings -> SSH and GPG keys -> New SSH key ( 即 该链接 ):

将刚复制的内容粘贴到 Key 中,Title 填你喜欢的,点击保存 ( Add SSH Key ) 。

GitHub add SSH Key

设置 Git
运行下方命令 :git config --global user.name "{{你的 GitHub username}}"
git config --global user.email "{{你的 GitHub 注册邮箱地址}}"

验证是否成功
打开 Git Bash ,运行下面的命令 :`ssh -T git@github.com # 此处邮箱地址不用改
`
如果提示 Are you sure you want to continue connecting (yes/no)? 请输入 yes 并回车。

Hi {{你的 GitHub username}}! You've successfully authenticated, but GitHub does not provide shell access.
看到这个信息则说明配置成功。

HEXO

Hexo 是一个快速、简洁且高效的博客框架。

打开 Git Bash ,运行下面的命令安装 Hexo ( 回车后可能需要等待一段时间,我在这里等了 100s ) :
npm install -g hexo
提示 + hexo@{{版本号}} 即为安装成功。


初始化 Hexo
在电脑的某个地方新建一个文件夹,由于这个文件夹就是你博客存放源文件的地方,所以最好不要随便放 ( 我在这里用的 C:/hexo ) 。

在这个文件夹下右键启动 Git Bash ( 或者其他地方打开 Git Bash 后 cd 到该目录下 ) ,运行下面的命令 ( 运行时程序会 clone 基础数据,需要等待 ) :hexo init
当显示 INFO Start blogging with Hexo! 即为成功。

可以根据 官方文档 修改 _config.yml 配置文件,接下来继续运行下面的命令 :
hexo g # 生成站点静态文件
hexo s # 启动内置的服务器
hexo s 启动了内置的服务器后,打开浏览器访问 http://localhost:4000 即可看到你的站点 ( 本地预览 ) 。

欣赏完了?在刚刚的 Git Bash 内键盘操作 Ctrl+C 关掉服务器。

github

在github上的操作,包括加入秘钥想必大家都会吧,不然也走不到这一步。多多指教啦

发表评论
暂无评论
textsms
account_circle
email
link