三分钟入坑指北 ? Docsify + Serverless Framework 快速创建个人博客系统
之前由于学摄影的关系,为了提高自己的审美,顺便锻炼下自己的英文能力,翻译了不少国外艺术类的 文章。最近一直想搭一个个人博客来存放这些内容,又懒得折腾建站,遂一直搁置。
直到偶然发现了 docsify 和 Serverless Framework,建站一下子变得特别容易 —— 用 docsify 创建博客系统,然后用 Serverless Framework 部署服务,三分钟就搞定了!
简单介绍一下:
-
docsify:一个神奇的文档网站生成工具,不同于 GitBook、Hexo 的地方是它不会生成将
.md
转成.html
文件,所有转换工作都是在运行时进行。而且如果只是需要快速搭建一个小型的文档网站,或者不想因为生成的一堆.html
文件「污染」 commit 记录,只需要创建一个index.html
就可以开始写文档; -
Serverless Framework:在 GitHub 上有三万颗星,业界非常受欢迎的无服务器应用框架,开发者无需关心底层资源即可部署完整可用的 Serverless 应用架构。
接下来我们分三步进行:安装与初始化 → 配置 yml 文件 → 部署
▎安装与初始化
首先确保系统包含以下环境:
1. 安装 Serverless Framework
$ npm install -g serverless
2. 安装 docsify
$ npm i docsify-cli -g
3. 初始化项目
$ docsify init docsify
初始化成功后,可以看到 ./docsify 目录下创建的几个文件
index.html
入口文件README.md
会做为主页内容渲染
直接编辑 docsify/README.md
就能更新网站内容,当然也可以写多个页面,这是后话。
4. 本地预览
运行以下命令,并通过浏览器访问 http://localhost:3000 即可方便地预览效果,而且提供 LiveReload 功能,可以实时预览。
$ docsify serve docsify
▎配置 yml 文件
在项目目录下,创建 serverless.yml
文件:
$ touch serverless.yml
将以下内容写入上述的 yml 文件里:
# serverless.yml mydocsify: component: "@serverless/tencent-website" inputs: code: src: ./docsify # Upload static files generated by docsify index: index.html error: index.html region: ap-guangzhou bucketName: my-bucket
配置完成后,文件目录如下:
. ├── docsify | ├── index.html | └── README.md └── serverless.yml
▎部署
通过 sls
命令进行部署,这里还可以添加 --debug
参数来查看部署过程中的信息,
$ sls --debug
如果你的账号未 登陆 或 注册 腾讯云,可以直接通过微信扫描命令行中的二维码,从而进行授权登陆和注册。这也是我觉得特别方便的一个地方!
部署过程中,terminal 显示信息示意:
访问命令行输出的 url,即可查看使用 Serverless Framework 部署的 docsify 文档网站啦~
▎小结
以上示例基于腾讯云的无服务器框架 Serverless Framework 实现,代码详情可参考完整的 模板仓库 👈
虽然这只是一个非常简单的 demo,但是不难看出,Serverless Framework 在快速部署方面的强大能力。比如集成了微信扫描二维码,就直接让我们避开了繁琐的云服务的账号注册、配置的环节。而你需要做的,只是根据 docsify 自身的能力,进行网站的定制而已。通过这两个工具的结合使用,即使编程小白也能快速搭建起自己的个人博客!✌️
传送门:
- GitHub: github.com/serverless
- 官网:serverless.com
欢迎访问:Serverless 中文网,您可以在 最佳实践 里体验更多关于 Serverless 应用的开发!😝
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
别再用方括号在Python中获取字典的值,试试这个方法
云栖号:https://yqh.aliyun.com第一手的上云资讯,不同行业精选的上云企业案例库,基于众多成功案例萃取而成的最佳实践,助力您上云决策! 字典是启蒙教育时期,大家不可获取的好帮手 字典是无序的术语和定义的集合,这意味着: · 每个数据点都有标识符(即术语)和值(即定义)。· 术语在字典里必须是独有的,不能重复。· 与列表有所不同,这些术语没有明确的顺序。 使用大括号定义字典,用逗号分隔术语或定义对。 author = { "first_name":"Jonathan", "last_name":"Hsu", "username":"jhsu98" } 访问字典值的老(坏)方法 在字典中访问值的传统方法是使用方括号表示法。这种语法将术语的名称嵌套在方括号中,如下所示。 author = { "first_name":"Jonathan", "last_name":"Hsu", "username":"jhsu98" }print(author['username']) # jhsu98 print(author['middle_initial']) # KeyError:...
- 下一篇
线上办公第一天,我被 @ 了 128 次
“远程工作,从996到007。” 远程办公第一天,有人嗨皮有人愁。 有人躺着摸鱼,有人在家搬砖。爽的生活大致相同,不爽的人各有各的不爽。 下面为各位奉上远程办公地狱八级对照表,快来看看有没有比你更惨的。 在家办公,总归是没有办公室的工作气氛,有些同事可能一时半会还找不到“营业”的感觉。 人在东北农村的同事们还有一个比较尴尬的问题,在炕上一坐8个多小时,属实烫屁股。 不适应的适应适应也就适应了,缺设备的更加难受。 有的人家里没有办公桌,只能在床上办公,倒是变相实现了“躺着赚钱”的人生理想。 还有的人家里没有配置足够的电脑,有的家里没有用惯了的机械键盘,甚至还有很多人过年都没带办公电脑回家,毕竟谁也没想到能有这么一出。 当然,程序员群体就不会犯这种“低级错误”,他们的电脑,结婚都带着。 上班打卡,云上班就不用打卡了吗?NAIVE!能云上班,就能云打卡。 更痛苦的是有的公司还要早上开定位打卡,这种情况一般都是公司规定员工提前回到办公地所在城市线上办公,怕你没回来。 这也能理解,毕竟回到工作地后还得隔离14天才能去公司,总不能前一天下高铁第二天就去公司。 但一回大城市又带来了一个地狱附...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- SpringBoot2整合MyBatis,连接MySql数据库做增删改查操作
- SpringBoot2配置默认Tomcat设置,开启更多高级功能
- Springboot2将连接池hikari替换为druid,体验最强大的数据库连接池
- SpringBoot2更换Tomcat为Jetty,小型站点的福音
- CentOS8编译安装MySQL8.0.19
- CentOS8安装MyCat,轻松搞定数据库的读写分离、垂直分库、水平分库
- SpringBoot2全家桶,快速入门学习开发网站教程
- CentOS7,CentOS8安装Elasticsearch6.8.6
- CentOS关闭SELinux安全模块
- CentOS8,CentOS7,CentOS6编译安装Redis5.0.7