第一次搭建博客

为什么要搭建博客呢?

写博客可以增长知识
写博客可以装逼

写在前面

  写博客可以记录学习上遇到的问题,记录自己的学习过程,对于非常白的小白来说绝对不是我,自己扒资料扒博客是比较痛苦的,很多基础知识不会的话很容易出一些很难搜索到的问题,就比较痛苦了,建议可以先学习一些预备知识,下面讲一下整个搭博客的过程

概念

  对于用云服务器这一类的建议在本地搭建一个虚拟机进行尝试后再对服务器动刀(大神绕过),因为已经做好了,我就拿本地复现一遍,我的服务器是ubuntu 16,本地也用同样的系统搭建,不同的系统命令也不同。
我选用的框架是hexo,这个框架速度快、支持markdown、一键部署、有很多插件(还不是因为不会用其他的),网上也有很多同样的教程,教程千篇一律,bug各种各样,希望这篇博客对你有所帮助

大概流程就是

安装nodejs环境-->安装hexo-->下载一款好看的主题(可省)-->发布你的博客
酱酱酱

一、nodejs安装教程

sudo apt-get install nodejs
sudo apt-get install npm

两行代码OK啦,不是ubuntu系统的可以点击这里查看其他命令–>传送门

二、hexo安装

sudo npm install -g hexo-cli
坑一

apt-get 安装的nodejs是4.2.6,hexo需要6.9.0,爬了好多博客才找到

sudo npm install -g n
sudo n 6.9.0
或者 sudo n stable

现在执行刚刚的命令就可以安装hexo了,使用

hexo -v

可以查看是否正确安装,正确安装会有以下输出提示

hexo-cli: 1.1.0
os: Linux 4.10.0-28-generic linux x64
http_parser: 2.8.0
node: 10.0.0
v8: 6.6.346.24-node.5
uv: 1.20.2
zlib: 1.2.11
ares: 1.14.0
modules: 64
nghttp2: 1.29.0
napi: 3
openssl: 1.1.0h
icu: 61.1
unicode: 10.0
cldr: 33.0
tz: 2018c

选择一个空的文件夹作为你的站点,在当前路径下初始化你的hexo(报错加sudo试试)

hexo init
npm install

这样子网站就初步建好了,网站的目录结构就是下面这样子的

.
├── _config.yml
├── package.json
├── scaffolds
├── source
 |   └── _posts
└── themes

  _config.yml 文件存放着网站的配置信息,可以在这里配置大部分的参数。
package.json 文件存放着插件信息,从中可以查看那些插件已经安装。
scaffolds 是模板文件夹,新建文章时,Hexo 会根据 scaffold 来建立文件,不过这个模板和后面的主题里指的模板不一样。
source 是存放用户资源的地方的文件夹,除 _posts 文件夹之外,开头命名为 _ (下划线) 的文件 / 文件夹和隐藏的文件将会被忽略。Markdown 和 HTML 文件会被解析并放到 public 文件夹(别急,等下会生成的),而其他文件会被拷贝过去。
themes 主题文件夹,Hexo 会根据主题来生成静态页面,我们以后自己安装的主题也都会放在这个文件夹下面,默认的 landscape 主题已经在里面了。
现在我们启动我们的博客

hexo server
简写 hexo s

提示4000端口被占用的百度下方法

完工

不出意外应该都看得到这两条信息

INFO  Start processing
INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

现在访问我们虚拟机的ip:4000就可以看到我们的博客啦
hexo
再换一个好看点的主题就可以啦

git clone https://github.com/iissnan/hexo-theme-next themes/next

要在站点目录下这个很重要!
要在站点目录下这个很重要!
要在站点目录下这个很重要!
太笨了当初在这卡了久 重要的事情说三遍
再在站点文件夹下的配置文件_config.yml更换主题就OK啦

vim _config.yml

往下滚到这个位置

theme: landscape

把landscape换成next就ok啦,最后重启下博客
next

完善

  相信很多小伙伴都觉得挺一般的,这个只是雏形,还有更多细节优化美化要去处理,觉得我的博客不错的可以看看这篇博客
戳这里–>here


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!