基于github+hexo搭建我的博客(window)

0x01 环境搭建html

一、Node.js环境node

下载Node.js安装文件:https://nodejs.org/en/download/git

根据系统选择相应安装包下载,安装过程一路Next,默认设置便可。github

经过如下命令查看是否安装成功:npm

二、Git环境segmentfault

下载Git 安装文件:https://git-scm.com/download/win浏览器

选在相应系统版本下载安装,默认设置,一路Next便可安全

检查一下Git是否安装正确:微信

基本的环境搭建已经完成。网络

三、github帐户注册和代码库设置

https://github.com  帐户注册不解释,略过。

建立代码库过程以下:

登陆github,点击右上角的“+”,选择New repository

在Responsitory.name 输入本身的username,通常格式是 username/username.github.io,建议直接填写本身的username,否则会出点小情况。

而后选择 “Initialize this repository with a README“,最后点击Create repository。

0X02 安装Hexo

Hexo 官方文档:https://hexo.io/zh-cn/docs/index.html

在D盘新建hexo文件夹,

cd hexo
npm install -g hexo-cli  //使用 npm 安装 Hexo
npm install hexo --save
hexo -v

初始化:

一、在d:/hexo中,新建blog目录,而后执行以下命令:

hexo init    
npm install    
hexo s

 打开浏览器,访问http://localhost:4000,已基本搭建完成。

0x03 将Hexo与github page关联起来  

配置Git我的信息

git config --global user.email "you@example.com"
git config --global user.name "Your Name"

cd到blog文件夹下,打开_config.yml,修改最后的一行为:

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

hexo g //生成静态

hexo d //部署

此时,浏览器中打开网址http://yourname.github.io,能看到和打开http://localhost:4000时同样的页面。

ox04 如何写博客

在blog目录中,执行

hexo new post "First artitle"  

会生成 D:\hexo\blog\source\_posts\First-artitle.md ,用MarDown编辑器打开就能够编辑文章,编辑好之后

hexo g // 生成

hexo d // 部署

hexo new page "user"  //新建栏目页

生成D:\hexo\blog\source\user\index.md

http://theme-next.iissnan.com/getting-started.html

 

关于我:一个网络安全爱好者,致力于分享原创高质量干货,欢迎关注个人我的微信公众号:Bypass--,浏览更多精彩文章。

 参考文章:

https://www.cnblogs.com/MuYunyun/p/5927491.html

http://blog.csdn.net/gdutxiaoxu/article/details/53576018

https://segmentfault.com/a/1190000002632530

相关文章
相关标签/搜索