一步步教你使用Hexo配合github搭建个人主页
来源:互联网 发布:mac怎么装win10 编辑:程序博客网 时间:2024/05/18 03:40
前言:
“工欲善其事,必先利其器”,在搭建个人博客的过程中,我深刻体会到这句话的含义。虽然早就决定了要搭建个人博客,但是我并没有草草动手,而是提前做了大量的调研工作,包括采用哪种博客系统、选择哪种主题、怎么购买并绑定个性域名等等。事实证明,正因为前期的充分准备,搭建过程才能按部就班地进行。下面先介绍为何选择GitHub Pages和Hexo来搭建博客
准备
你需要准备好以下软件:
- Node.js环境
- Git
Windows
配置Node.js环境
下载Node.js安装文件:
- Windows Installer 32-bit
- Windows Installer 64-bit
根据自己的Windows版本选择相应的安装文件,要是不知道,就安装32-bit的吧- -。
如图所示:
保持默认设置即可,一路Next,安装很快就结束了。
然后我们检查一下是不是要求的组件都安装好了,同时按下Win
和R
,打开运行窗口:
在新打开的窗口中输入cmd
,敲击回车,打开命令行界面。(下文将直接用打开命令行
来表示以上操作,记住哦~)
在打开的命令行界面中,输入
node -v
npm -v
如果结果如下图所示,则说明安装正确,可以进行下一步了,如果不正确,则需要回头检查自己的安装过程。
安装Hexo
上面git node 都已经安装成功了,开始安装Hexo,Hexo的安装方式是使用命令行的形式,直接在桌面或者文件夹任意位置右键,选git bash ,在出现的窗口中输入下面命令。
1
npm install hexo -g
-g表示全局安装, npm默认为当前项目安装,npm在新版的node中就包含了,如过想验证之前安装node时候,是否npm安装成功,也是用验证版本号的方式,在dos命令窗口输入 npm -v.
等这个命令执行完后,我们在电脑的任意盘符新建一个文件夹,名字随意起,一般命名为Hexo,然后在新建的文件夹中邮件选git bash ,依次
输入下面命令,安装Hexo.
123
hexo inithexo ghexo s
init 初始化hexo到你指定的目录
g 自动根据当前目录下文件,生成静态网页
server 运行本地服务
出现下面一行,说明本地服务运行成功。
1
INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.
接着在浏览器输入http://localhost:4000就可以看到效果。
本地服务退出方式为 ctrl + c 组合键。
在本地看到的样子应该是如下图。
使用GitHub Pages建立博客站点
注册GitHub
访问GitHub,注册十分简单,一定要记住注册时使用的邮箱,因为 GitHub 上很多通知都是通过邮箱的。如下图所示:
申请成功后,在GitHub官网上登录,并验证邮箱即可。
在GitHub上建立仓库
与 GitHub 建立好连接之后,就可以方便的使用它提供的 Pages 服务,GitHub Pages 分两种,一种是用你的GitHub用户名建立的username.github.io这样的用户&组织站点,另一种是依附项目的Pages。
想建立个人博客是用的第一种,形如username.github.io这样的可访问的站点,每个用户名下面只能建立一个。如下图所示:
创建本地ssh key
检验本地是否已存在key
桌面右键,选择git bash ,依次输入命令123cd ~cd .sshls存在key的话都会显示id_rsa.pub和id_dsa.pub这两个文件没有key什么都不会显示
1ssh-keygen -t rsa -C "your_email@mail.com"引号中输入的是你的邮箱,这里会提示输入一个文件名来保存ssh key也可以什么都不输入,使用默认的id_rsa.pub和id_dsa.pub回车之后需要输入两次密码:密码我们如果放心的话直接回车,就是没有密码,这样简单。
githu关联key
登录Github->Settings->SSH keys->Add SSH key
打开本地id_rsa.pub文件(注意:不是id_rsa文件),复制所有内容
将复制的内容粘贴到刚刚那个页面的key对应的文本框里面,title随便
最后输入:ssh -T git@github.com 回车输入密码,会提示是否设置成功!本地站点配置
进入到本地创建的Hexo 文件夹中,打开Hexo目录下的_config.xml文件,用文本方式打开,直接拉到最下面找到,修改为如下样式
1234deploy:type: gitrepository: git.com:wljdev/wljdev.github.io.gitbranch: master测试、提交到仓库
还是右键选择git bash ,依次输入下面命令
12hexo ghexo s --debugg 部署,s –debug 本地调试,现在本地测试没问题就可以提交到git仓库了,本地测试: http://0.0.0.0:4000/
不出意外,本地测试没有问题,下面就要提交到git了,依次输入命令如下12hexo ghexo d在测试之前,一定别忘了执行这个方法:npm install hexo-deployer-git --save
由于2.6以后就更新了,我们需要手动配置些东西,我们需要输入下面三行命令:
npm install hexo-renderer-ejs --save
npm install hexo-renderer-stylus --save
npm install hexo-renderer-marked --save
再次“------------”
hexo ghexo d这个时候在浏览器中输入: http://ztd328423.github.io 就可以访问到本地站点了,和本地测试是一样的。
在github上面输入你的域名,save
然后测试就可以了!!!
- 一步步教你使用Hexo配合github搭建个人主页
- 一步步教你使用Hexo配合github搭建个人主页
- hexo搭建个人主页托管于github
- 利用Hexo搭建Github的个人主页
- 使用github 搭建个人主页
- 20分钟教你使用hexo搭建github博客
- 手把手教你使用Hexo + Github Pages搭建个人独立博客
- 使用Hexo搭建github博客
- 搭建GitHub博客,使用Hexo
- 使用GitHub打造你的个人主页
- github + Hexo 搭建你的个人博客
- github搭建个人主页
- 基于github搭建个人主页
- Hexo博客搭建之使用Hexo+GitHub搭建个人博客
- 手把手教从零开始在GitHub上使用Hexo搭建博客教程(二)-Hexo参数设置
- 使用hexo和github搭建自己博客
- 使用github和hexo搭建静态博客
- 使用Hexo搭建Github个人静态博客
- Excel表格中单元格换行
- socket模型之select与epoll
- H4汽车大灯驱动IC,驱动方案
- SQL笔记 --- 数据库设计步骤
- ffmpeg交叉编译
- 一步步教你使用Hexo配合github搭建个人主页
- ioctl()函数详解
- Objective-C内存管理[iOS]
- 初探Spark-使用大数据分析2000W行数据
- java引用级别--强引用、软引用、弱引用、虚引用
- 51Nod-1396-还是01串
- shock。。。
- Linux内核的ioctl函数学习
- Android语言设置