blog

官网: https://artitalk.js.org/ 建议使用国际版的 LeanCloud 因为国际版的 LeanCloud 不需要配置 serverurl，所以推荐使用国际版，速度没有区别，如果使用国内版的 LeanCloud 别忘了填写 serverurl 即可 目前国际版在国内已ban，可能会出现返回500的问题，可以使用国内版，需要在leancloud左侧菜单 -> 域名绑定按要求正常配置api域名【必须为备案后的子域名】，如下 这里只支持子域名，就是备案的域名额外解析一个带前缀的域名，例如域名是abcd.com，子域名就可以是ziyuming.abcd.com，而且可以解析多个子域名 绑定之后到DNS解析处添加CNAME记录，等几分钟这里就会显示已绑定，这样就算绑定成功了 👀 与valine在同一页面使用 如果有这个需要，可以将 artitalk 与 valine 存放在同一个应用中。可以有效避免同一个页面使用两个leancloud应用所产生的冲突。 安装npm i hexo-butterfly-artitalk --save 前往...

hexo-githubcalendar方式(推荐)博客参考链接: https://zfe.space/post/hexo-githubcalendar.html github地址: https://github.com/Zfour/hexo-github-calendar hexo-filter-gitcalendar方式(此方式已被弃用)安装1npm install hexo-filter-gitcalendar --save 自建API部署新建项目，fork项目打开dashboard点击新建项目的New Project按钮。点击导入第三方库。 填入Zfour提供的自建 API 项目地址:1https://github.com/Zfour/python_github_calendar_api.git 进入下一步后,点击create, 之后会自动进行deploy, 如整合waline中介绍, 会生成DOMAIN 修改主题配置文件配置文件可参考: https://akilar.top/posts/1f9c68c9/

leancloud地址: https://console.leancloud.app/ butterfly主题已默认整合了这两个评论系统, 不需要再安装 Valine获取APP ID 和 APP Key请先登录或注册LeanCloud, 进入控制台后点击左下角创建应用 应用创建好以后，进入刚刚创建的应用，选择左下角的设置>应用Key，然后就能看到你的APP ID和APP Key了： 然后在主题配置文件中填好配置 WalineLeanCloud数据库+Vercel部署还是先进入leancloud, 然后记住id,key和masterkey Vercel 部署 (服务端) 点击上方按钮，跳转至 Vercel 进行 Server 端部署。 注 如果你未登录的话，Vercel 会让你注册或登录，请使用 GitHub 账户进行快捷登录。 输入一个你喜欢的 Vercel 项目名称并点击 Create 继续: 此时 Vercel 会基于 Waline...

pwa介绍 渐进式网络应用程式（英语：Progressive Web Apps，简称：PWA）是一种普通网页或网站架构起来的网络应用程式，但它可以以传统应用程式或原生移动应用程式形式展示给用户。这种应用程式形态视图将目前最为现代化的浏览器提供的功能与行动装置的体验优势相结合。 当你的网站实现了 PWA，那就代表了 用户可以添加你的博客到电脑 / 手机的桌面，以原生应用般的方式浏览你的博客 用户本地可以自动生成缓存，二次访问速度大大加快 用户可以离线浏览你的博客 下面的 PWA 实现方法借助了 Gulp 插件，在站点有内容更新时，可以弹窗提醒用户刷新页面。 背景 本文使用butterfly主题作为演示 虽然官方对pwa做了很好的集成，但是文档中介绍的并不全面，而且还有许多坑需要自己踩一遍，特此记录下 配置 本文使用Gulp 和 WorkBox组合进行配置pwa 克隆现成的butterfly...

参考: https://zellwk.com/blog/github-actions-deploy/ 首先博客如果使用hexo搭建, 且借助hexo-deployer-git依赖进行远程上传的话, 则需要将repo设置为ssh方式, https方式是不支持的, 如下 12345deploy: type: git # Windows: https://github.com/wang-xiaowu/wang-xiaowu.github.io.git repo: git@github.com:wang-xiaowu/wang-xiaowu.github.io.git branch: master 当前样例为, 一个blog_source库(未公开)存储未编译md文档, 走cicd流程之后, 将编译好的资源利用hexo d的方式部署到另一个一个github源仓库(开源库) 首先配置ssh/private key1ssh-keygen -t rsa -b 4096 -C "943915349@qq.com" -f...

安装node（目前测试高于10的版本会有问题，安装10即可）这里使用nvm安装及配置安装路径不能有空格和中文 安装gitbook-cli1npm --registry https://registry.npm.taobao.org install gitbook-cli -g gitbook初始化,SUMMARY(可选,可以将现有文件copy至此)1gitbook init 编写SUMMARY文档,book.json,执行构建编译1gitbook install 在gitbook 的项目里点击 settings ，找到 GitHub Pages 在本地环境中先将编译文档到 docs 目录（这里我新增了一个 Blog.md 文件） ，在 SUMMARY.md 中添加访问链接后可直接在左侧的目录树显示命令行中键入gitbook build . docs，将文件都编译到 docs 目录下 然后将编译好的文件 PUSH 到远端仓库123$ git add *$ git commit -m"Inital commit"$ git push orgin...

hexo介绍 超快速度 Node.js 所带来的超快生成速度，让上百个页面在几秒内瞬间完成渲染。 支持 Markdown Hexo 支持 GitHub Flavored Markdown 的所有功能，甚至可以整合 Octopress 的大多数插件。 一键部署 只需一条指令即可部署到 GitHub Pages, Heroku 或其他平台。 插件和可扩展性 强大的 API 带来无限的可能，与数种模板引擎（EJS，Pug，Nunjucks）和工具（Babel，PostCSS，Less/Sass）轻易集成 安装10以上版本的nodejs略... 然后选择个非中文文件夹,按照如下步骤进行安装测试12345- npm install hexo-cli -g- hexo init {blog路径}- cd {blog路径}- npm install- hexo server 测试成功,...

seo搜索引擎优化(Search Engine Optimization),它是一种通过分析搜索引擎的排名规律,了解各种搜索引擎怎样进行搜索,怎样抓取互联网页面,怎样确定特定关键词的搜索结果排名的技术.Google自动收录效果还不错,百度就差得远了 另外GitHub不允许百度的Spider爬取GitHub上的内容,但我仍会把百度相关部分粘贴出来 修改路径结构 permalink: :year:month:day/:title/ 网站收录谷歌 进入谷歌站长(https://search.google.com/search-console),选择第二个带前缀的 然后选择html标签认证, 将内容粘贴到主题可放置head标签的地方,随后,重新部署博客,再点击验证 百度 首先登陆百度搜索平台(https://ziyuan.baidu.com/site/index)，点击**新增网站** 输入自己的网站 验证, 我选择的是html标签,然后在主题文件夹下找到放置head标签的地方,将代码粘贴进去, 然后重新提交....

定制化gitbook在线文档服务项目介绍 定制化gitbook服务 安装部署教程 Docker 安装docker服务：https://docs.docker.com/install/#supported-platforms 安装docker-compose：https://docs.docker.com/compose/install/ 进入根目录执行 docker-compose up -d 本地试运行 安装 GitBook-cli npm install gitbook-cli -g cmd切到book下,gitbook 初始化 gitbook init注: 超过node10的版本,需替换掉/xxx/lib/node_modules/gitbook-cli/node_modules/npm/node_modules/graceful-fs/polyfills.js文件,或注释掉61-63 下载依赖项,执行 gitbook install 注: 4,5可选一个执行 服务形式启动,默认端口4000:执行gitbook serve 构建成静态文件:执行gitbook...