这篇文章给大家介绍Docsify + Serverless Framework怎么快速创建个人博客系统,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
用 docsify 创建博客系统,然后用 Serverless Framework 部署服务,三分钟就搞定了!
简单介绍一下:
docsify:一个神奇的文档网站生成工具,不同于 GitBook、Hexo 的地方是它不会生成将 .md
转成 .html
文件,所有转换工作都是在运行时进行。而且如果只是需要快速搭建一个小型的文档网站,或者不想因为生成的一堆 .html
文件「污染」 commit 记录,只需要创建一个 index.html
就可以开始写文档;
Serverless Framework:在 GitHub 上有三万颗星,业界非常受欢迎的无服务器应用框架,开发者无需关心底层资源即可部署完整可用的 Serverless 应用架构。
接下来我们分三步进行:安装与初始化 → 配置 yml 文件 → 部署
首先确保系统包含以下环境:
Node.js (Node.js 版本需不低于 8.6,建议使用 10.0 及以上版本)
Git
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
在项目目录下,创建 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 文档网站啦~
关于Docsify + Serverless Framework怎么快速创建个人博客系统就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。