基于github+hexo搭建个人博客(window)

简介: 0x01 环境搭建 1、Node.js环境 下载Node.js安装文件:https://nodejs.org/en/download/ 根据系统选择相应安装包下载,安装过程一路Next,默认设置即可。

0x01 环境搭建

1、Node.js环境

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

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

通过以下命令查看是否安装成功:

2、Git环境

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

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

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

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

3、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

初始化:

1、在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

 

 参考文章:

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

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

https://segmentfault.com/a/1190000002632530

目录
相关文章
|
7月前
|
存储 JavaScript 网络架构
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
296 3
|
3月前
|
网络协议 开发工具 git
hexo github部署,通过域名访问你的博客
本文介绍了如何使用Hexo命令部署博客到GitHub,并详细说明了如何通过自定义域名访问GitHub上部署的博客。
hexo github部署,通过域名访问你的博客
|
缓存 JavaScript 网络安全
基于Hexo的主题Fluid搭建Github博客
基于Hexo的主题Fluid搭建Github博客
178 1
|
7月前
|
JavaScript 网络安全 开发工具
[保姆级-从0到1]利用hexo+github托管实现搭建个人博客
[保姆级-从0到1]利用hexo+github托管实现搭建个人博客
|
7月前
|
资源调度 前端开发 JavaScript
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
177 0
|
7月前
|
程序员 API Android开发
使用 VS Code + Github 搭建个人博客
搭建个人博客的方案
89 1
|
数据采集 JavaScript 搜索推荐
hexo搭建github.io博客
hexo搭建github.io博客
183 0
|
7月前
Hexo博客添加GitHub评论功能
Hexo博客添加GitHub评论功能
136 0
|
JavaScript 网络安全 开发工具
Github+Hexo搭建个人网站详细教程
随着互联网浪潮的翻腾,国内外涌现出越来越多优秀的社交网站让用户分享信息更加便捷。然后,如果你是一个不甘寂寞的程序猿,是否也想要搭建一个属于自己的个人网站,如果你曾经或者现在正有这样的想法,请跟随这篇文章发挥你的Geek精神,让你快速拥有自己的博客网站,写文章记录生活,享受这种从0到1的过程。
|
JavaScript
Hexo+GitHub搭建个人博客
Hexo+GitHub搭建个人博客
88 0
Hexo+GitHub搭建个人博客