APP下载 微博 微信

Hao4K影音


[经验心得] 教你用Nas构建WebIDE编辑器怎么发布自己的专属博客

[复制链接]

发表于 2019年12月06日 18:42 8118 0 来源:媒体存储> 经验心得 回帖奖励 |正序浏览 |

Kim_Huang 帖主

2019-12-6 18:42

教你用nas构建WebIDE编辑器怎么发布自己的专属博客

上一篇介绍了几个可以放置html代码的仓库,综合下来其实还是腾讯云的coding和微软的github比较好用。
那么这篇我们就以国内的代码仓库coding作为载体发布属于自己的博客程序,之前有人问了,在这说明一下为什么说是属于自己的博客程序,因为这个博客程序从代码到内容上都可以进行自定义的编辑,也就是说只要你有些html、css、js的汇编经验你就能将这个博客程序修改为你想要的样子(同时又是技术限制看想象)。千万别看这只是虽然是静态页面,你同样可以加入动态的元素比如“聊天室,直播”等等,当下的前端api服务空前繁荣,能限制你的恐怕只有你的知识而已。
创建代码仓库
如何创建coding用户这里就不多说了,简单到直接可以使用微信进行注册用户,切记选择个人用户登录。
右上角加号增加一个项目,这里说一下,如果你看到文章的时候可能距离发布的时间有些距离了,UI界面也许会发生改变,只要不是非常死板的完全完教程走,基本都能创建项目以及其他的操作,这里就不再特别说明。正所谓......
创建项目这里都是全中文,没啥好说的填就是了。但是这里有个小细节,就是启用了初始化项目的选项,因为这样可以为你自动创建一个master的分支,接下来推送就没有必要创建仓库和分支的操作了。(有人利用持续集成的方式将,hexo和博客的html放置在同一个仓库,这种方法很高级,也充分利用git的特性。不过嘛,整个配置下来并不简单,我这里就不介绍了,有兴趣的朋友可以去参考一下其他文章,这种方式的好处就在于,只要推送到仓库的hexo程序,通过git仓库hook钩子触发远程函数,再触发执行hexo命令操作,达到自动更新站点的效果,如果一些云笔记工具提供了文章获取接口,那么可以实现写笔记的同时自动就把博客也同时写好了,多平台同步写作内容。猴塞雷吧!)

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

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

然后在终端界面输入命令:
ssh-keygen -t rsa
在各种提示下一直回车确认即可,提示输入密码什么的也可以暂时不用管一路确认下来,会出现类似这么一个字符图案

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

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

配置文件
那么这里还差两步,一个是安装git插件,另一个是修改配置文件指向刚刚建立的仓库
根目录执行安装插件命令:npm install hexo-deployer-git --save
修改配置文件_config.yml,在配置文件中修改推送的地址和推送的分支,注意看是修改部署增加,原先配置文件中已经包含了这个配置项目
deploy:
type: git //推送方式 git
repo:  //推送地址
branch: [branch] //推送分支
message: [message] //推送附加信息

好,这部分差不多完成了,继续来的终端输入一次命令hexo d提交一次代码,第一次提交需要输入yes进行确认,如果你直接输入了连贯命令可能出错,所以想单独提交一次,那么接下来后续的操作都可以使用连贯命令进行提交操作:
hexo clean && hexo g && hexo d
这里还有个地址的获取方法没有介绍到,这里补充一下,在你仓库的项目中,“代码浏览”中获取到地址

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

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

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

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


总结
经过那么长的几段文字来说明搭建一个站点可能要走过一些的遭遇,有没有其他更好的办法呢?一定会有的,因为Nas搭建虚拟机几乎是无限可能。之前提到有一种hexo的客户端程序,能够直接进行编辑并且进行部署,这种方式也十分简单。只不过要换个思路从头来过,对于我来说主要是能够方便的在任何设备上进行远程码字的同时也能远程写些心得笔记。那么这种稍微复杂一点的方式可能更加适合我。
如果你是带着自己的设备,单从写文的方式来说那么选择客户端的方式也会比我这种方式更加方便。当然还有很多软件都支持自己一键上传自己的文章到指定的blog中,有没有那么高的自由度,就不太清楚了,因为我之前也见过朋友使用过一款Markdown工具能够直接上传代码和图形文件到第三方博客中。但是那个博客的样式框架已经固定,没太多的可玩性。未经授权,不得转载
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

返回列表 本版积分规则



绑定微信 + 关注公众号,第一时间获得消息通知!
:
新手玩家
:
介绍未填写

主题

帖子

积分24

图文推荐

  • 入了极空间,从黑群晖到极空间谈谈区别

    之前用过黑群晖,现在改了极空间 1、为什么从

  • 分享蜗牛星际A\B\C\D款机箱和功能分别有

    历经一个月研究:蜗牛星际ABCD款机箱和功能分

  • Terra Photos再升级,春节照片整理新选择

    今年春节那叫一个热闹非凡像今年火到英国的英歌舞

  • 科普:什么是硬盘MTBF?那MTTF、MTTD、MTTR

    买固态硬盘,我们会比较关注颗粒寿命,机械硬盘虽

  • 群晖安装115网盘下载电影:利用NAS docker

    115网盘支持群晖nas下载4K电影了,利用群辉 docke

  • 机械硬盘该怎么选?教你最全机械硬盘选购指

    机械硬盘该怎么选?教你最全机械硬盘选购指南

  • 铁威马TOS 6即将上线,重塑NAS新纪元,友好

    经过不断的测试和改正,铁威马即将推出全新的操作

  • 威联通NAS磁盘延迟很高,怎么办

    今年双11买的威联通NAS用来专门存储电影,使用

  • NAS都有哪些品牌?带你了解几大NAS名牌介绍

    NAS都有哪些品牌?带你了解几大NAS名牌介绍 前

  • 群晖Download Station下载的问题

    下载的20集电影已经下载100%但是文件夹里只有8集

  • Hao4K影音app客户端下载