为什么要搭建个人博客?
你是否想写日记一样记录自己的生活?
你是否想一点一滴记录自己在技术的进步?
当我们对于某些问题疑惑时我们会上网百度别人是怎么做的,我们发现自己要的答案一般在知乎呀,简书,贴吧,csdn等等论坛上。
个人博客就是可以安放我们思想的地方,就像一个属于自己小窝。
怎么搭建个人博客
win10上使用 hexo 快速搭建自己个人博客
hexo是一个快速、简洁且高效的博客框架,在几秒内,即可利用靓丽的主题生成静态网页。
5分钟快速搭建
安装 Node.js,选择LTS版本。
安装 Git 选择Git windows64位(本人64位)git配置教程
在电脑上新建一个文件夹,取名hexoblog
进入文件夹,鼠标右击 Git bash here 打开终端
输入
node -v,检查是否安装好,node是我们依赖包输入
npm -v,检查是否安装好,npm是我们下载工具输入
npm install -g cnpm --registry-https://registry.npm.taobao.orgnpm下载太慢了,我们跟换为taobao的源会使我们下载更快一点,npm就被替换成cnpm
输入
cnpm -v,检查是否安装好输入
cnpm install -g hexo-cli,安装hexo博客框架输入
hexo -v,安装完成之后检查是否安装好
输入hexo init,hexo就会为我们生成一个默认的本地博客了。
输入
hexo s,启动博客输入
git git ,初始化git在浏览器输入
localhost:4000,就会看到我们的博客了
编辑自己的博客内容
如何写一篇自己的博客
杀掉上一个进程 Ctrl+c,才能进行命令行编辑
输入hexo n "我的第一篇博客",在文件管理器中就可以看到我们创建的博客文件
输入
cd source/_posts,在命令行中进入博客文件所在目录输入
vim 我的第一篇博客.md, 编辑文章,此时我用的是vim编辑器。如果没有,也可以用记事本在电脑文件夹打开我的第一篇博客.md文件进行编辑简单说下vim使用:一进去是无法编辑的,输入一个小写 i,进入编辑模式。编辑完成之后,按 ESC 退出编辑模式,输入 :wq 。退出并保存
文章是Markdown语法编写的,是一种文字板式的标记语言,很好用。
写完之后,我们需要退回到博客主目录
输入cd ..
在输入cd ..
输入
hexo clean,清理一下工程输入
hexo g,生成一下工程输入
hexo s,开始我们的工程进入网页,刷新网页,就会发现我们刚才编辑的那个文章了
杀掉进程 之后才能进行,命令行编辑
部署到远程
使用一个免费的服务器,挂载到Github上
推荐使用谷歌浏览器,有很多插件,超级爽,比如网页翻译。
新建一个仓库,仓库命名必须符合规定,你的昵称.github.io
回到git,目录处于hexoblog下
输入
cnpm install --save hexo-deployer-git,安装git一个部署插件输入
vim _config.yml,修改环境变量,翻到目录最下面,进行编辑,网页链接是你的仓库地址,回到网页github进行查看输入
hexo d,将博客推送到远端,过程中需要输入github的账号和密码,完成之后,你可以刷新一下仓库就会发现多个很多文件,这就是我们的博客文件
在网页输入weiboy99.github.io,就可以看到网页版的博客,其中github可能较慢,多刷新就好。
我们成功部署到远端了
更换主题
现在是一个默认没有任何背景的主题,我们需要更换一个自定义的主题。从github上找一个自己喜欢的主题。
有哪些好看的主题
进入github,看看预览,中意的话就是他了
克隆到本地
在博客文件夹中进入git,输入指令:git clone 网址是项目网页 themes/博客主题名称
git clone https://github.com/tufu9441/maupassant-hexo.git themes/maupassant
安装渲染器,该主题背景需要
cnpm install hexo-renderer-pug --save
cnpm install hexo-renderer-sass --save
然后将theme设置更改 _config.yml 为maupassant。后面的是你自己主题背景名字
hexo clean
hexo g
hexo s
hexo d
先清理一下工程,在生成工程,再开始工程,最后推送至服务器
此时你打开网页会发现,不是心中所想。
但你打开github,下面会详细介绍该主题是怎么使用的。在这个强烈安利谷歌浏览器,我是个英文垃圾,只能翻译过来了