安装 Node.js
Node.js允许通过JavaScript和一系列模块来编写服务器端应用和网络相关的r应用。
我们通过官网https://nodejs.org/en/download/来选择合适的版本进行下载,并且安装。安装完成后再window命令行或者windows自带的powershell输入:
1 | node -v |
出现对应版本号说明安装成功,npm会随着安装包自动安装,输入:
1 | npm -v |
同样出现对应版本号说明安装成功。到这里就完成来了环境安装。
安装Hexo
Hexo是一个快速、简洁且高效的博客框架。 Hexo使用Markdown解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
第二步就是安装这个博客的框架,同样打开命令行输入:
1 | npm install -g hexo-cli |
我们就开始安装Hexo了,等待他安装完后我们使用命令行移动到我们希望保存我们博客所有内容的文件夹内。
1 | cd <当前目录下文件夹名字> |
使用如上命令就可以移动至我们希望博客项目保存的地方。
1 | hexo init blog |
接着使用如上命令就可以初始化我们的博客项目了。至此我们就可以在本地看我们的网站雏形了。
1 | hexo new stest_my_site |
按照顺序输入如上命令,就会弹出提示,此时我们在浏览器访问localhost:4000就可以看见我们博客的雏形了。
hexo s = hexo server 启动服务预览
hexo g = hexo generate 生成
其他hexo命令:
hexo n “博客名称” => hexo new “博客名称” #这两个都是创建新文章,前者是简写模式
hexo clean #清除缓存,网页正常情况下可以忽略此条命令
hexo d => hexo deploy #部署网站上线 (推送到GitHub)
这时候我们可以看到blog文件夹内大致是图中的样子,这时候我们打开站点配置文件,可以使用Visual Studio Code来编辑。
我们翻到如图中的部署选项下,把之前在GitHub创建的库完整连接复制粘贴上并在结尾加上.git。(xxx.github.io.git )
然后在命令行输入如下命令来安装部署模块,
1 | npm install hexo-deployer-git --save |
然后常规操作g+s,就可以在浏览器通过访问xxx.github.io来进入个人主页了。
但是这个似乎有点傻,这时候我们需要一个帅气的域名!
于是下一篇就是:申请并绑定域名
上一步: 个人博客建设1-在GitHub创建一个仓库并配置Git
下一步: 个人博客建设3-申请并绑定域名
