搭建个人博客

本文在Windows下进行搭建个人博客。
基于hexo博客框架

  • 部署环境
  • 初始化个人博客
  • 写博客
  • 把博客部署到云端
  • 如何给博客换主题

一、部署环境

1)、下载node.js:https://nodejs.org/zh-cn/,下载长期支持版
在这里插入图片描述
2)、正常安装,不再多讲
3)、打开cmd(记得在管理员状态下运行),输入node -v和rpm -v查看是否安装成功。rpm是包管理器。
在这里插入图片描述
4)、由于国内的镜像源很慢,所以安装淘宝的源

npm install -g cnpm --registry=https://registry.npm.taobao.org

查看是否安装好:cnpm -v
在这里插入图片描述
5)、-g表示全局,所以全局安装hexo博客:

cnpm install -g hexo-cli

在这里插入图片描述
6)、验证一下是否安装成功:hexo -v,此时hexo安装完成。
在这里插入图片描述
7)、接下来开始使用hexo搭建个人博客
可以先查看自己当前的所在位置,当然了Windows就算了,因为前面就是路径。
由于我都C盘还剩20多个G,所以我觉得将博客放在D盘。
输入d:,到D盘下,mkdir blog来新建一个名为blog的文件夹。当然也可以直接在D盘下新建一个。
在这里插入图片描述
如果在之后出现了什么问题,直接把blog这个目录删除即可。

二、初始化博客

1)、进入blog 文件夹下, 可以通过pwd来查看路径。
初始化:hexo init (linux下记得在前面加上sudo)
在这里插入图片描述
查看目录下:
在这里插入图片描述
2)、启动博客:hexo s
在这里插入图片描述
浏览器中输入http://localhost:4000,得到如下:
在这里插入图片描述

三、写博客

1)、此时CTRL+C,终止。接着进入source/_posts下(cd source/_posts)然后新建一个md文件:hexo n “我的第一篇博客文章”。之后如下。
在这里插入图片描述

如果ls显示后,中文出现乱码,不要慌,我已经解决了。如下:
在此先声明一点,网上有的让直接在注册表里面修改,但是打开注册表编辑器发现里面根本就没有所需要的那个文件或者项。有的就让在cmd里面去更改默认值或者属性。这些都不能解决此处问题。所以使用下面这个方法吧:在桌面新建一个cmd.reg(名称无所谓,自定义一个就行),然后将下面这串代码放进去:

Windows Registry Editor Version 5.00
 
[HKEY_CLASSES_ROOT\Directory\Background\shell\OpenCmdHere]
@="Open Cmd here"
"Extended"=""
 
 
[HKEY_CLASSES_ROOT\Directory\Background\shell\OpenCmdHere\command]
 
@="cmd.exe -noexit -command Set-Location -literalPath '%V'"
 
 
 
[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Command Processor]
"AutoRun"="doskey ls=ls --show-control-chars --color&&set LANG=zh_CN.UTF-8"

保存后,双击这个文件,这样就将上面这些写如到注册表中了。可以看到最后一条语句就算修改为中文以及utf-8编码。

2)、开始写博客。
使用vim “我的第一篇博客文章.md”,使用i开始编辑。
在这里插入图片描述
退出:esc:wq回车。其中wq表示保存并退出,q!表示强制退出,不保存。其他的命令自行百度。
退出以后,回退到blog目录下:cd ../..
清理一下:hexo clean
再重新生成Generate static files:hexo generate
最后开启hexo:hexo s
现在来看看自己的博客:
在这里插入图片描述
非常好。下面开始将我们自己的博客部署到GitHub上公开使用。

四、把博客部署到云端

1)、再你的GitHub里面新建一个仓库,仓库名称必须要是你的用户名加.github.io
在这里插入图片描述
此时你的仓库已经弄好,但是它是空的。
2)、安装git的部署插件:

cnpm install –-save hexo-deployer-git

在这里插入图片描述
安装完成后,要编辑blog文件夹下的_config.yml,repo为你的仓库地址:
在这里插入图片描述
在这里插入图片描述
3)、部署到远端:hexo d (其中d表示deploy)
输入GitHub账号和密码,此时就将电脑上的博客部署到GitHub上了
4)、此时看看你的GitHub仓库,发现如下:
在这里插入图片描述
现在在浏览器中输入地址:https://aileopard.github.io/
在这里插入图片描述

五、如何给博客换主题

现在发现博客不美观,那么如何更换博客主题呢?
1)、首先在GitHub上发现一个很好的主题:https://github.com/litten/hexo-theme-yilia
在终端的blog下,将这个主题克隆到blog文件夹下的themes/yilia中:

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

在这里插入图片描述
2)、如何应用下载好的主题呢?
编辑_config.yml,修改主题
在这里插入图片描述
然后保存,清理:hexo clean
生成:hexo g
启动:hexo s
这时一键部署到GitHub上,hexo d
刷新一会,就会看到你的个人博客主题变了。

最后,可以根据自己的喜好去GitHub上找主题,这里要记得将其克隆到你的theme文件夹下,如果直接复制可能会出错。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值