扯闲篇O(∩_∩)O哈哈~

每个文章的原创都有他本人的辛酸历程，我也不例外。从这周一开始接触Hexo博客模板，就被这个都是动态文件的框架吸引。当初咱们学java时候，还在（** 脏话~~）各种jsp，在起初随着springboot的风行开始写起了thymeleaf，过后感觉写起来太B了。18年开始正式接触MVVM框架后，感觉本人在写html几乎就是太low了。

上周接到腾讯云备案客户的小哥哥告诉，备案的域名审核不通过，没有增加备案链接信息，限时整改。=(´｀*)))唉，茫然啊。之前本人倒是做个好几个零碎，有给敌人做的，有本人练手的，大大小小好几个，都须要后盾各种部署，包含redis、mysql等等。想想本人的1G2H的小小服务器，太折腾了。

从两三个月之前，开始接触了spring cloud，20年12月份又接触了docker 技术，想来本人在应用中的各种坑为啥不记录下来，于是乎想到就开整，搞个博客，正好能够整改备案信息。

于是乎，各种百度“博客”，一眼就相中了hexo，正好之前有过一些前端教训，就有了这篇爬坑之旅。

<!--more-->

Day01

爬了一整天是想法谬误，之前没接触过博客，认为博客和后端代码一样，既然有各种大神写过docker部署，那必定也能在服务器用docker run跑。各种百度“dpcler 搭建hexo”，找到了N个Dockerfile。后果在服务器上一build，各种跑不起来。

最初想明确了，就build一个hexo的空白环境吧，于是乎：

Dockerfile

FROM NODE:12.18RUN npm --registry=https://registry.npm.taobao.org install hexo-cli -g
cd /usr/local/src && docker build -t hexo-blog .docker imagesdocker run -it -d  -p 4000:4000  -v /var/local/blog:/blog hexo-blogdocker ps -adocker exec it hexo-blog hexo-blog /bin/bashhexo init blogcd /blognpm installhexo s

接着在浏览器拜访应用公网 http://81...1:4000，果然看到了Hello world。冲动啊┭┮﹏┭┮

如果有敌人想应用docker跑hexo的服务，我倡议就和我的一样初始化个npm和hexo就行。当然很多大神都写了很多相似：

FROM node:latestMAINTAINER XueAohui xueaohui_com@163.comENV REFRESHED_AT 2017-03-26VOLUME ["/opt/website"]RUN npm install -g hexoRUN hexo init /opt/websiteWORKDIR /opt/websiteEXPOSE 4000

针对相似下面的配置，有坑的的中央：

  • FROM node:latest 有这句话的，大多时候18年或者在之前写的文章，有前端教训而且有强制降级症（我有很重大的强迫症）的同学都晓得，降级node 15（node的官网有bate版）会强制装置python2.7，具体作用是npm install 时如果有依赖下载有问题会应用git clone源码编译。所以这个坑就是你一旦这么写，那么在npm install 时候就会发现，各种提醒python没有在环境变量。
  • RUN hexo init /opt/website 相似这个语句吧，我最信服的就这个，明明我images初始化了hexo 的blog，然而进入容器就没没有这个目录。可能是我接触docker工夫尚短，找不到没有hexo init blog 执行的起因。
  • WORKDIR /opt/website 这个必定是挂在内部卷轴，然而docker run 时候 -v 也减少了，然而磁盘上就是没有这个目录。

所以最简略也最好用的方法就是手动启动，这样day01终于以4000的端口启动了。

Day02

一早晨的兴奋无眠，终于来到了第二天，通过2个小时的折腾（docker run nginx 、域名申请SSL）好，https//www.xuct.com.cn的拜访终于OK了。写过代码的咱们都晓得，万事Hello World吧。

docker exec -it hexo-blog /bin/bashapt-get updateapt-get install -y vimcd blogcd /sorce/_posts/rm -fr *cd ../..hexo new "hello-world"cd /sorce/_postsvi hello-world.md# "hello world"cd ../..hexo cleanhexo ghexo s

对于linux 应用半吊子的我来说下面操作无奈是苦楚的，还好就是浏览器上拜访域名，还真给力的进去了。然而还想在持续在hello world里写点货色，又有进入容器vi。这时我发现，基本不是这么回事，在docker容器里编辑.md文件，给本人找不畅快。

如是乎：

win + Rcmdere:mkdir workspace_blogcd workspace_blognpm install hexo-cli -ghexo init blogcd blognpm installhexo cleanhexo s

浏览器上拜访http:localhost:4000，呈现了hello world。 不闲着马上hexo clean、 hexo g ，右键压缩public文件夹 ，scp -p 22 public.zip root@81....:/var/www/blog 。

浏览器拜访域名果然好使。上面就是各种搜寻开发工具，这里写下我的工具：

  • Typora md的编辑工具
  • PicGo 下面工具配套的图片上传工具
  • vc code 编辑配置文件
  • cmder window 下cmd的代替工具

  • xshell

    接着就是开始坑的环节，有了hello world，马上跟着大牛的帖子开始下载皮肤：yilia（小白，只会跟着帖子一步一步操作），下载后马上开始换肤，具体的批改一些配置各位能够自行百度。部署好后发现没有中央写《域名的备案》，搭建博客就是为了这个嘛，马上又开始找到soruce-src下，批改footer.js,增加

    <div class="BeanAn">    <img src="/img/bean.png"/><a href="">宁夏********</a></div><style>    .BeanAn {        display: flex;        text-align: center;    }</style>

    后果部署后发现款式错乱、图片没有加载、还有个badjs报错。特地解体。这个时候曾经下午7点多了，我的性情是不弄完不回家，马上百度持续搜“hexo yilia 减少备案“ ，各种帖子、各种答案。两头的插曲局部就不一一道了，就说最初后果把，找到了一个大神为 yilia 批改的款式：

    https://github.com/lete114/hexo-theme-yilia-pro

    替换部署后发现款式挺难看，接着各种搭建github图床、替换配置等等，最初部署拜访，不错不错（O(∩_∩)O哈哈~）情绪大好。f12一看，还是和之前报错一样，badjs 404。给作者提issues，想让大牛把badjs report局部清理掉。可能是本人太菜，大神并没有理睬我，当初这个问题还在：

    https://github.com/lete114/hexo-theme-yilia-pro/issues

    起初不晓得在哪里点开了一个帖子，说是把编译好的man.js外面对于badjs上报的清空，这真是山穷水复疑无路柳暗花明又一村，依照大神的提醒搜寻：listen，心凉凉。整个文档就没有这个关键词，那就按192搜寻把，上面是把192的function改后后果：

    192:function(e,t,n){},193 （特意多粘贴了193,为了标识一下地位）

    这样，day02天以换肤、不报错的前提下实现了。

    Day 03

    明天来到了第三天（也就是明天），轻易点击本人的博客，发现hello world 外面的评论写完后没有告诉（按大牛主题的配置，在leancloud 中注册账号），接着搜寻“valine回复” ，果然找到了valine-admin的帖子，那有了这个就开始按帖子走着。

    我用的是大神修改版，外面的邮件模板新增了，上面是链接，能够fork到本人仓库，而后下载后自行批改。

    https://github.com/jianhao2010303/Valine-Admin-Server

    valine-admin 部署好了，大牛帖子里的唤醒leancloud的办法本人在github使发现不灵（次要是本人不会用action），于是乎：

    https://github.com/jianhao2010303/watch-leancloud

    本人写了个java版的定时唤醒，封装在docker里，扔到服务器开跑。如果哪位搭档有会用当初github action 的，麻烦也通知下。

    辛酸历程的小总结

    到当初为止，博客部署好了，评论治理也配置好了，点点还不错。点了点Lete 的博客，发现了人家的连贯博客做的很酷，于是乎。。。 因为工夫的关系，hexo搭建博客爬坑之二放到今天把（对于部署导航博客：https://nav.xuct.com.cn 、腾讯云 配置cdn、配置PigGo图床等坑）持续实现。

    好了，明天的内容就分享到这吧，劳动劳动两天。

    2021.01.29写于公司

本文由博客群发一文多发等经营工具平台 OpenWrite 公布