为你的 Github 博客加个 CMS -「内容管理」

最新推荐文章于 2024-03-25 06:52:26 发布
VIP文章 最新推荐文章于 2024-03-25 06:52:26 发布
阅读量386 收藏
点赞数
分类专栏： 个人心得
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/github_36474858/article/details/105046387
版权

Github 博客内容管理解决方案 - 「netlifycms」

本人博客原文地址.

在使用 Github 作为博客很长一段时间在发愁，主要是有以下几个痛点：

  • 每次写文章都要打开编辑器，感觉自己不是在写文章而是在写代码
  • 写完只是想打个草稿，都要用 git 提交以下更改，更像写代码了
  • 不能随时随地的编辑，有时候我想用 ipad 修改点什么都不可以

由于以上几个痛点，每次写 Blog 感觉自己都需要费很大的力气，还不如自己写个笔记就过去了。

但是有些好的东西总是要分享出来才会有价值啊，于是我开始寻找 Github Blog 的 CMS 解决方案。

先来一张效果图。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lMJ23DqB-1584940455385)(https://elfgzp.cn/assets/uploads/elfgzp_admin.gif)]

netlifycms 与 jekyll-admin 的对比

刚开始我找到的是 jekyll-admin 这款 jekyll 的 CMS，因为本人用的是 jekyll。但是发现这款 jeklly 还需要一台服务器，也就是他编辑的只是服务器上的文件。

当初选择使用 Github 作为 Blog 就是想在没有个人服务器的情况下 Blog 依然能工作。虽然目前是利用 CI 部署在自己的服务器上方便国内的搜索引擎爬虫进行爬取，目的是优化 SEO，提高国内的访问速度。但是还是想要一个不需要自己部署后端的 CMS。

于是我就找到了 netlifycms，经过配置完后我大概了解了他的工作原理。

首先你的 CMS admin 页面是跟你博客一起部署在 Github 上面的，admin 的权限则是通过 Github OAuth 来控制的。在你修改了页面之后，会通过 js 提交给 netlify，netlify 会通过 Github OAuth 获取的权限来在你修改了文章之后帮你做 git commit 的操作，大概的原理图如下。

netlifycms

废话不多说，我们跟着官方文档开始吧。

为你的博客添加 netlifycms

由于本人用的是 jeklly 博客，文章中的演示部分均为 jeklly。当然 netlifycms 不只支持 jeklly，还支持很多其他类型的 Blog。如果是其他类型的 Blog 可以参考官方文档的 Guides，不过应该都是大同小异的，不过建议对比本片文章来配置，如何创建 Oauth 应用可以参考本文，因为官方文档没有讲的太详细。

当然开始之前你需要有一个已经部署好的博客，没有部署好的可以参考 jeklly 的部署指引文档。

增加 admin/index.html 文件

创建一个 admin/index.html 在你的仓库根目录下，这个文件内容看起来像这样。注意官方文档中并没有添加 netlify-identity-widget.js 这个 js ，这个是用来校验你的身份的，需要加上。

<!-- admin/index.html -->
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta
最低0.47元/天 解锁文章
elfgzp
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ds19991999.github.io：Jekyll博客下一个主题配置，包含netlify cms后台管理
02-03
个人博客 博客主题配置 关于本博客 本人有点强迫症，之前那个博客虽然看着很清秀，但是总感觉少了点什么，然后就萌萌了了重建博客的决定。博客构建参考，本博客通过修改生成，感谢的开发。了和官方Next的配置说明以及一系列博客。 关于本博客更详细的介绍见： 部署以网络化 先叉到自己的仓库，然后参考进行配置。 执照
netlify-cms：用于静态站点生成器的基于Git的CMS
02-02
· 静态站点生成器的CMS。 为用户提供一种简单的方法来编辑内容并将其添加到使用静态网站生成器构建的任何网站。 社区聊天 这个怎么运作 Netlify CMS是一个单页应用程序，您可以将其拉入站点的/admin部分。 它提供了一个干净的UI，用于编辑Git存储库中存储的内容。 您设置一个YAML配置来描述您的站点的内容模型，并且通常会稍微调整CMS的主要布局以适合您自己的站点。 当用户导航到/admin/ ，将提示他们登录，并在通过身份验证后便可以创建新内容或编辑现有内容。 阅读有关Netlify CMS更多信息。 安装与配置 Netlify CMS可以两种不同的方式使用。 快速简便的安装，需要您创建一个HTML文件和一个配置文件。 所有CMS JavaScript和CSS均从CDN加载。 要了解有关此安装方法的更多信息，请参阅《 完整，更复杂的安装为您提供了更大的灵活性，但需要您将静态站点构建器与支持npm软件包的构建系统一起使用。 贡献 随时欢迎新的贡献者！ 查看参与其中。 变更记录 该项目遵循。 每个版本都记录在Github页面上。 执照 Netlify CMS是根
ZKEACMS 博客模板
04-05
ZKEACMS 博客模板，可用于创建个人博客网站，基于ZKEACMS的强大可视化设计，可打造一个独一无二的博客网站
Go-Cms:基于Beego实现CMS，快速搭建博客系统
05-28
Go-Cms 基于Beego实现CMS 功能列表 前台功能 个人信息展示 昵称展示 签名展示 个人头像展示 最新随笔 展示近期发布的10篇文章 最新分类 根据文章标签分类 友情链接 阅读排行榜 展示阅读量排名前10的文章 文章列表(服务端分页) 正在开发中...... 后台功能 文章标签模块 添加标签 编辑标签 冻结/解冻标签 标签内文章量统计 文章模块 添加文章 编辑文章 冻结/解冻文章 管理员模块 添加管理员 超级/普通管理员 密码修改 冻结/解冻管理员 其它 个人简介模块 添加个人简介 编辑个人简介 解冻/冻结个人简介 友情链接模块 添加友情链接 编辑友情链接 冻结/解冻友情链接 正在开发中...... Install 把项目拉到本地 git clone https://github.com/Echo-Mr-Pengw/Go-Cms.git 或者 go get github.com/
jeetemp,一个功能齐全的CMS管理系统模板
01-16
一个功能齐全的CMS管理系统模板,内置6套皮肤,已经转化为标准的Eclipse项目,直接导入即可;亲测可用
Github使用
weixin_43813389的博客
02-20 343
一.Github使用 注册github https://github.com/dkwangxfzhang 环境配置 #!/bin/bash ssh-keygen -t rsa -C "注册邮箱" copy公钥到github Account settings/SSH and GPG keys git config --global user.name “username” git config --global user.email mail git clone “http://…
天梯CMS--github开源项目的引入以及初始化搭建过程
wangliuqi123的博客
05-06 4000
最近看到github上面一套完整的CMS项目，拷贝下来，搭建过程供大家参考。 首先，粘贴一下项目地址以及项目介绍： https://github.com/xujeff/tianti java轻量级的CMS解决方案-天梯。天梯是一个用java相关技术搭建的后台CMS解决方案，用户可以结合自身业务进行相应扩展，同时提供了针对dao、service等的代码生成工具。技术选型：Spring Data...
【经验】静态博客部署 Hexo + Netlify-CMS + Vercel （在线构建）
技术杂谈
09-14 2656
支持免本地环境，免敲命令，随处在线编辑的Hexo静态博客部署教程
【GitHub项目推荐--一款免费、现代、开源、功能齐全的视频和媒体CMS】【转载】
j8267643的博客
02-14 1878
MediaCMS 是一个现代的、功能齐全的开源视频和媒体内容管理系统（CMS），使用 Python/Django 和 React 编写，并具有 REST API。MediaCMS 旨在为用户提供一个高度可定制且易于使用的平台，以管理和发布各种类型的媒体内容，如视频、图片和音频等。该系统具有以下特点：1. 高度可定制：MediaCMS 提供了丰富的插件和主题，以满足不同用户的需求。开发者可以根据自己的喜好和需求进行自定义，实现各种功能。
个人博客/博客管理系统/Siteserver cms
wetens 'blog
09-17 1137
使用Siteserver自助建站系统创建的个人博客网站，基于IIS信息服务
github-blog:将您的github问题变成博客的CMS
05-13
Github博客 将您的github问题变成博客的CMS。 yarn add @rena.to/github-blog 它是如何工作的？ 主要思想很简单：每个问题都是博客文章实体。 分类法由标签管理，并具有<key>:<value>结构。 类似于type:post ， tag:javascript等。标签可用于在查询时过滤帖子，但也可用于帖子。 因此，您可以用来在帖子中添加任何类型的标志。 内置的标签键是： type ， state ， tag ， flag和slug 。 例如，使用类型标签将文章与文章区分开。 使用状态标签来处理已发布和草稿。 使用标签标签将标签添加到您的帖子中，例如typescript 。 使用标记标签将任何类型的标记添加到您的帖子中，例如过时将帖子标记为过时。 您还可以在帖子中添加任何k：v标签，例如foo:bar 。 目录 API参考 实例与方法 新的Gi
bside:Github内容管理系统
03-11
BSide-一种可在任何地方进行编辑的工具 BSide是Github CMS，可以使您在任何设备上的编辑工作变得更加轻松快捷。 开发人员可以直接在现代浏览器上管理存储库的内容，而无需克隆项目和提交。 它还提供了嵌入式工具和视图，以帮助软件开发人员管理托管在Github Page上的博客。 主要特点 BSide尝试提供其他服务未提供的新功能。 轻量级Web IDE 就像您使用桌面IDE一样，您可以在选择左侧的树浏览器或选项卡后直接创建，重命名，编辑，删除内容。 树浏览器 标签 编辑 上传文件 拖放 继续在浏览器存储上工作 用于构建页面的信息视图 降价预览 差异视图进行更改 提交前的舞台视图 行动支援 当软件开发人员想到想法或想要管理博客时，可以使用它。 它支持Chrome，Firefox，Safari，Edge beta。 发展 ， 和Maven 3+。 角（/ web） Web应用
CMS-Django-blog：准备使用的博客
01-31
这个回购在2015年完成！ 在2019年添加支持docker容器，仅此而已 Django博客Boostrap。 使用Django 1.9.7功能： 完全编辑网站管理员 RSS订阅 搜索 自适应设计 分类目录 网站地图 标签 评论 分页 快速开始 Step 1: Create and enable virtual environment $ git clone https://github.com/korolr/CMS-Django-blog.git $ cd CMS-Django-blog $ docker-compose up -d Step 2: Go to 127.0.0.1:80 截图网站： 截图管理员：
博客及CMS建站系统
02-16
基于PHP和MySQL的功能强大的博客及CMS建站系统
NetlifyCMS是一个静态站点生成器的CMS
08-07
Netlify CMS 是一个单页面的应用程序。它提供了一个干净的用户界面来编辑存储在 Git 仓库中的内容。
【GitHub项目推荐--14个基于Node.js的开源免费CMS，接单赚钱拿去改一改】【转载】
最新发布
j8267643的博客
03-25 1192
可以使用Docker进行部署。具有用户友好的管理界面，灵活的数据模型和REST风格的API，使开发人员轻松创建和管理他们的内容。Headless CMS架构没有预定义好的前端模板来呈现内容，而是通过后端为多渠道（例如，web、社交、移动的、IoT等）推送内容，并在后端管理内容在每个渠道的呈现方式。开发效率：Node.js模块化的体系结构非常灵活，开发人员可以轻松创建和管理内容，定义数据模型，处理用户身份验证以及高效地执行其他任务，还可以重复利用丰富的JavaScript库，减少开发工作量，提高开发效率。
搭建CMS,HEXO+Github
赔了命3000
06-14 1080
很多人可能并不清楚github pages是干嘛的，官网是：https://pages.github.com/，其实算github提供的一个服务，我们可以免费的再其上面搭建自己的网站，也有很多人利用github pages作为自己的个人博客站点。
Jekyll 博客 Netlify CMS 后台部署
ds19991999的博客
03-18 1264
netlify 后台：https://app.netlify.com/ netlify config 配置文档：https://www.netlifycms.org/docs/intro/ Github OAuth网址：https://github.com/settings/developers 示例：https://blog.creat.kim/admin 文章目录获取`Client ID`...
github开源内容管理_开源内容管理
culi3182的博客
07-31 157
github开源内容管理One of the primary difficulties a web site faces is managing content. This can include enabling multiple user levels access for content development and editing, establishing staging and p...
go: finding module for package github.com/gin-gonic/gin go: found github.com/gin-gonic/gin in github.com/gin-gonic/gin v1.9.
09-25
根据你提供的引用内容可以看出，你遇到了一个关于安装gin包的问题。错误提示是"cannot find module providing package github.com/gin-gonic/gin"。这个错误通常是因为没有正确配置go mod或者网络问题导致无法下载gin包。你可以尝试以下解决方法： 1. 设置代理： - 对于mac/linux系统，执行以下命令： ``` export GOPROXY=https://goproxy.io export GO111MODULE=on ``` - 对于windows系统，执行以下命令（注意需要加上引号）： ``` go env -w GOPROXY="https://goproxy.io" go env -w GO111MODULE="on" ``` 2. 执行以下命令以初始化和编辑go.mod文件： ``` go mod init gin go mod edit -require github.com/gin-gonic/gin@latest ``` 通过以上步骤，你应该能够成功解决找不到gin包的问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值