利用Nas构建WebIDE编辑器系列四-发布自己的专属博客

2019-12-06 18:42:30 3点赞 45收藏 8评论

上一篇介绍了几个可以放置html代码的仓库,综合下来其实还是腾讯云的coding和微软的github比较好用。

那么这篇我们就以国内的代码仓库coding作为载体发布属于自己的博客程序,之前有人问了,在这说明一下为什么说是属于自己的博客程序,因为这个博客程序从代码到内容上都可以进行自定义的编辑,也就是说只要你有些html、css、js的汇编经验你就能将这个博客程序修改为你想要的样子(同时又是技术限制看想象)。千万别看这只是虽然是静态页面,你同样可以加入动态的元素比如“聊天室,直播”等等,当下的前端api服务空前繁荣,能限制你的恐怕只有你的知识而已。

创建代码仓库

如何创建coding用户这里就不多说了,简单到直接可以使用微信进行注册用户,切记选择个人用户登录。

右上角加号增加一个项目,这里说一下,如果你看到文章的时候可能距离发布的时间有些距离了,UI界面也许会发生改变,只要不是非常死板的完全完教程走,基本都能创建项目以及其他的操作,这里就不再特别说明。正所谓......

创建项目这里都是全中文,没啥好说的填就是了。但是这里有个小细节,就是启用了初始化项目的选项,因为这样可以为你自动创建一个master的分支,接下来推送就没有必要创建仓库和分支的操作了。(有人利用持续集成的方式将,hexo和博客的html放置在同一个仓库,这种方法很高级,也充分利用git的特性。不过嘛,整个配置下来并不简单,我这里就不介绍了,有兴趣的朋友可以去参考一下其他文章,这种方式的好处就在于,只要推送到仓库的hexo程序,通过git仓库hook钩子触发远程函数,再触发执行hexo命令操作,达到自动更新站点的效果,如果一些云笔记工具提供了文章获取接口,那么可以实现写笔记的同时自动就把博客也同时写好了,多平台同步写作内容。猴塞雷吧!)


利用Nas构建WebIDE编辑器系列四-发布自己的专属博客


设置公钥

创建完成就自动进入了项目当中,找到“设置”下的“部署公钥”这一步完成的时候也许需要绑定手机验证,如果需要的话就绑定一下,我之前以及绑定过了应该不会有提示。


利用Nas构建WebIDE编辑器系列四-发布自己的专属博客


到了这一步先不要着急,页面先留着,回到webIDE生成你编辑器进行获取公钥的操作,首先增加全局的git邮箱和用户名,这一步本来需要在上一篇就介绍的,但是觉得放到这里来说明更加合理些

使用指令:

git config --global user.name "用户名"

git config --global user.email "邮箱地址"


利用Nas构建WebIDE编辑器系列四-发布自己的专属博客


然后在终端界面输入命令:

ssh-keygen -t rsa

在各种提示下一直回车确认即可,提示输入密码什么的也可以暂时不用管一路确认下来,会出现类似这么一个字符图案


利用Nas构建WebIDE编辑器系列四-发布自己的专属博客


细心观察的小伙伴,就以及找到这个公钥的放置文件是哪一个在什么位置。好,执行命令:

cat /root/.ssh/id_rsa.pub


利用Nas构建WebIDE编辑器系列四-发布自己的专属博客


这样就顺利拿到公钥,复制公钥到你的项目公钥设置当中去,但是记得勾选上“授予推送权限”这样才能将代码推送到仓库中来。


利用Nas构建WebIDE编辑器系列四-发布自己的专属博客


配置文件

那么这里还差两步,一个是安装git插件,另一个是修改配置文件指向刚刚建立的仓库

根目录执行安装插件命令:npm install hexo-deployer-git --save

修改配置文件_config.yml,在配置文件中修改推送的地址和推送的分支,注意看是修改部署增加,原先配置文件中已经包含了这个配置项目

deploy:
type: git //推送方式 git
repo: <repository url> //推送地址
branch: [branch] //推送分支
message: [message] //推送附加信息


利用Nas构建WebIDE编辑器系列四-发布自己的专属博客


好,这部分差不多完成了,继续来的终端输入一次命令hexo d提交一次代码,第一次提交需要输入yes进行确认,如果你直接输入了连贯命令可能出错,所以想单独提交一次,那么接下来后续的操作都可以使用连贯命令进行提交操作:

hexo clean && hexo g && hexo d

这里还有个地址的获取方法没有介绍到,这里补充一下,在你仓库的项目中,“代码浏览”中获取到地址


利用Nas构建WebIDE编辑器系列四-发布自己的专属博客


创建访问

要求都就绪了,那么代码浏览中你也能看到提交了新的代码上来那么,就要将这些代码展示出去。来到Pages服务这里,开启Pages服务静态页面服务。


利用Nas构建WebIDE编辑器系列四-发布自己的专属博客


然后就稍等片刻,你就可以拥有一个二级域名,这个二级域名就能够在互联网上展示你的博客站点。到此位置构建博客的文章就差不多结束了,如果你不需要绑定自己的域名那么这样就下一段内容就可以不用往下看,最后一项绑定域名。

绑定域名

还是Pages服务这界面的右上角有个符号


利用Nas构建WebIDE编辑器系列四-发布自己的专属博客


进来以后,界面以及非常清楚并且也建议使用https服务来增强站点的安全性,从这两点来说腾讯云这边还是非常厚道的。


利用Nas构建WebIDE编辑器系列四-发布自己的专属博客


每个域名的服务提供都差不多使用CNAME指向给定的的这个地址,就可以了。域名解析在域名服务提供商操作,无法一一描述。具体参考域名解析的文档就好。这样你就可以利用自己的域名访问自己搭建的博客站点。下图是阿里云的域名解析方法:


利用Nas构建WebIDE编辑器系列四-发布自己的专属博客


总结

经过那么长的几段文字来说明搭建一个站点可能要走过一些的遭遇,有没有其他更好的办法呢?一定会有的,因为Nas搭建虚拟机几乎是无限可能。之前提到有一种hexo的客户端程序,能够直接进行编辑并且进行部署,这种方式也十分简单。只不过要换个思路从头来过,对于我来说主要是能够方便的在任何设备上进行远程码字的同时也能远程写些心得笔记。那么这种稍微复杂一点的方式可能更加适合我。

如果你是带着自己的设备,单从写文的方式来说那么选择客户端的方式也会比我这种方式更加方便。当然还有很多软件都支持自己一键上传自己的文章到指定的blog中,有没有那么高的自由度,就不太清楚了,因为我之前也见过朋友使用过一款Markdown工具能够直接上传代码和图形文件到第三方博客中。但是那个博客的样式框架已经固定,没太多的可玩性。

展开 收起
  • NAS
    话题:NAS 关注
8评论

  • 精彩
  • 最新
  • 警告:目前国内家用宽带,禁止私设WEB,包括但不限于任何云服务,博客,论坛等。被发现家用宽带<包括其附属座机,IPTV)直接永久停机,并且会被请去面谈。
    各位加油哦,我看好你们

    校验提示文案

    提交
    这个建议是对的,非常同意不要用家里的宽带来开设站点,如果非要使用家用宽带开设web服务,其实还有一种东西叫公网盒子不过一样需要备案,并且访问IP也不是自己的家用宽带IP只是利用了家用设备而已,只要合法合规就行l .目前有很多仓库都提供有pages服务,放置的web服务的地方也并非家用宽带,web编辑器这种东西无非就是给自己用,最多也就几个朋友一起用,也属于正常的宽带服务使用范围。还是非常感谢值友提出非常宝贵的建议,也请大家注意这一点。

    校验提示文案

    提交
    当心吧,上海电信排查 动态域名<或者ip)+对外web服务<任意端口)的,只要查到就封网。然后签保证书之类很麻烦。

    校验提示文案

    提交
    还有1条回复
    收起所有回复
  • 不怕被人黑了吗 [皱眉]

    校验提示文案

    提交
    首先代码放在仓库里边,而且是静态的源码。如果你说是编辑器,首先在docker里面运行再然后才是开放出来给自己用,还不是给很多人用,基于家庭网络环境和Nas这边提供的ddns服务,IP和域名都可能是随机的,随手都能关闭服务,比一般云服务器长期挂载放置这些东西要更加安全

    校验提示文案

    提交
    这个确实不懂,因为我连docker都不懂 [榴莲]

    校验提示文案

    提交
    收起所有回复
  • 这个很需要!

    校验提示文案

    提交
提示信息

取消
确认
评论举报

相关文章推荐

更多精彩文章
更多精彩文章
最新文章 热门文章
45
扫一下,分享更方便,购买更轻松