搭建个人博客,详细步骤
本文感谢bilibili博主codesheep:友情链接
一、部署环境
-
node.js下载与安装
百度搜索node,官网 [中文网]
-
-
安装步骤比较简单,不做解释(实在不会,百度)
-
-
安装并配置Git(下载安装Git比较简单,这里主要讲解配置)
-
打开命令提示符(win+R,输入cmd)
-
输入git:出现 ‘git’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。 说明没有配置环境变量
-
找到git安装目录:
-
桌面或其他任意文件目录,鼠标右键
-
输入
where git
:后面就会显示git安装目录 -
接下来正式配置环境变量
-
右键我的电脑 --> 属性
-
-
-
编辑path(不区分大小写)变量,没有的话新建一个,或者编辑下面,下面系统变量的path
-
-
添加以下三个地址,然后依次确定:
-
-
关闭命令提示符,并重新打开。测试是否成功:分别输入
git
和git -v
看显示是否如下 -
-
-
-
node操作
-
测试node和npm命令,命令提示符输入:
node -v
,npm -v
查看版本信息 -
首先为了提高node下载速度,配置国内的淘宝镜像。命令提示符输入:
npm install cnpm -g --registry=https://registry.npm.taobao.org
-
测试:
cnpm -v
-
安装命令:
cnpm install -g hexo-cli
-
测试:
hexo -v
-
随便新建一个空文件夹,这里我在f盘根目录新建blog目录
-
在命令提示符中,切换到blog目录。(这里我1.通过
f:
切换到f盘 2. 通过cd blog
切换到blog目录)
-
二、初始化博客
-
初始化hexo:hexo init 我们可以去blog目录看看
-
启动:hexo s 浏览器打开地址localhost:4000 ,出现helloworld文章
三、写博客
-
离开之前的启动(ctrl + c),或者关闭,再打开
-
新建博文 hexo n “我的第一篇文章”,打开F:\blog\source_posts目录看是否多了一篇文章,自己编辑博文即可
-
清理:hexo clean
-
生成:hexo g
-
启动:hexo s,这时打开地址localhost:4000 本地访问
四、部署到远端
-
进入自己的github首页(没有的话,注册一个)
-
新建一个仓库
-
-
安装
cnpm insatll hexo-deployer-git --save
-
使用文本编辑工具打开_config.yml,这里我是用editplus,记事本也行
-
、 -
编辑结果如下:将文件拉到尾部,你只需要把Java-Python-JavaScript改为你自己的用户名即可
-
部署到远端:hexo d
-
然后输入github账号密码即可
-
刷新github仓库,看到里面有内容了。
-
访问Java-Python-JavaScript.github.io 改一下前面的用户名
-