Total Pageviews

Wednesday, 13 May 2020

Gridea,一个静态博客写作客户端

A static blog writing client  

  GitHub All Releases
English | 简体中文 | 繁體中文
👏 Welcome to use Gridea !
✍️ Gridea A static blog writing client. You can use it to record your life, mood, knowledge, notes and ideas...

Features

📝 Use the coolest Markdown grammar to create quickly
🌉 Insert pictures and article cover charts anywhere in the article
🏷️ Label and group articles
📋 Customize menus and even create external link menus
💻 Use this client on Windows or MacOS or Linux
🌎 Use Github Pages or Coding Pages to show the world that more platforms will be supported in the future
💬 Simply configure and access the Gitalk or DisqusJS comment system
🇬🇧 Use simplified Chinesetraditional Chinese、 English
🌁 Use any default theme within the application or any third-party theme, free theme customization
🖥 Customize the source folder and synchronize multiple devices using OneDrive, iCloud, Dropbox, etc.
🌱 Of course Gridea is still very young and has many shortcomings, but please believe it will keep moving forward 🏃
In the future, it will surely become your inseparable partner
Give full play to your talents!
😘 Enjoy~

Development

If you want to contribute code, please check the Contribution Guide in advance.
$ # Node version > v10.0.0 is requied
$ git clone https://github.com/getgridea/gridea.git
$ cd gridea
$ yarn
$ yarn electron:serve
$ yarn electron:build
from https://github.com/getgridea/gridea
https://github.com/getgridea/gridea/releases
https://github.com/getgridea/gridea/releases/download/v0.9.3/Gridea.Setup.0.9.3.exe
-------------------------------------------------------------------

Gridea 桌面客戶端的靜態網頁內容管理系統


在 github 看到另一款靜態網頁/網誌內容桌面編輯器 Gridea,當然要下載來親自體驗看看。
因為以 electron 寫成的,故産品相對可輕易地兼容支援跨 windows. linux, mac 三大作業系統,其打包給 linux 的執行檔格式為 AppImage,據說此下載格式更為乾淨清爽,也不必管它是 deb(for debian) 或 rpm (for Fedora, CentOS) 的打包,讓下載的 AppImage 為可執行檔案,點擊執行就會自動執行完成安裝手續。
第一次啟動 Gridea, 其文件管理庫與寫作介面如下 Gridea Gridea Archive
快速地填寫設置選單中的網頁佈署資訊,通常透過 github repository 寄放免費的靜態網頁檔案,故填入相應的資訊取用該 repo 的授權令牌 token(權限僅同意第一列 repo 的讀取修改即可)後,就可以直接發佈到互聯網。 Gridea setting
成品 https://ngonewstw.github.io/gridea/ 收工。 Imgur
如果不發佈至互聯網,倒也可以將 Gridea/ publii 視之為 markdown 格式的桌面端日記本編輯器。
-------------------

我们要用到「GitHub」平台,码农们都知道这个平台了,目前最大的代码托管平台,很多开源项目都可以从里面找到,现在被微软收购了,所以不用担心翻车!


使用GitHub搭建博客

1.注册 GitHub 账户:https://github.com,输入用户名、邮箱、密码,然后邮箱地址验证下就OK了。

2.点击右上角的的+按钮,选择 "New Repository" 进入创建新的仓库。


3.在 Repository name 输入你的仓库地址:你的名字.GitHub.io,再点击下面的 "Creating repository" 按钮创建。


4.创建成功后,点击右上角 "Settings" 进入设置主题样式。

5.进入设置页面,往下拉,找到 GitHub Pages 点击 "Choose a theme" 然后选择一个主题。

6.GitHub 提供主题不是很多,问题不大,后面也可以自己折腾样式修改主题。随便挑一个,点击 "Select theme" 选择。

7.设置完毕后,GitHub Pages 就会生成网站了,现在访问你刚才填写的地址xxxxx.GitHub.io 就能打开了。雷锋哥这里的是:https://xia1ge.github.io

8.接下来可以在 GitHub 里面编辑写作,新增页面等,支持 Markdown 语法。但是这样的编辑不太友好,所以下面要给大家推荐「Gridea」客户端,用来管理 GitHub Pages 页面。


使用Gridea写作

这款「Gridea」是基于 Github Pages 的免费开源页面管理工具,支持 MacOS / Windows / Linux 平台,只需要配置好你的 Github 参数信息就可以使用。


    平台:选择Github Pages

    域名:输入仓库地址

    仓库名称:你页面存放的仓库地址

    分支:默认是master

    仓库用户名:你的账户用户名

    邮箱:你的Github邮箱地址

    CNAME:如果你有独立域名可填

    令牌:打开 https://github.com/settings/tokens 页面,点击 "Generate new token"


输入 token 的名称,Select scopes 只选择 "repo" 就可以了,最下面点击 "Generate token" 创建。


绿色框里面那一段字符就是令牌,复制粘贴到「Gridea」配置界面里面就可以了。


一切都设置完毕后,点击左下角的 "检测远程连接" ,提示远程连接成功就没什么问题了。


接着可以设置主题、网站名称、网站描述、网站图标、头像图标、布局、自定义CSS样式等,设置完毕后,点击右下角的同步按钮。


写文章方面,样式格式需要用 Markdown 语法,不会的网上找下教程,很简单的。


功能上支持插入图片、插入表情、查看字数、设置文章URL、封面、标签、置顶等。写完文章可以点击一下预览效果,没问题后,可点击右上角的保存,点击同步按钮发布。


下面是发布出来的效果了,你还可以对归档页面、标签页面、个人关于页面等进行设定,这样一个属于自己的轻博客就完成啦。


安装其它主题

官方提供的主题过于简单,选择也少,可以安装大佬们制作的精美主题。打开主题页面 https://gridea.dev/themes/ 选择你要的主题下载。


打开「Gridea」的设置,看到站点源文件路径,例如我这里是:"E:/我的文档/Gridea" 位置。

打开 E:/我的文档/Gridea/themes 文件夹,把下载的主题解压放进去,然后重启「Gridea」软件。

然后进入「Gridea」主题设置,选择你刚才安装的主题,保存同步完成。


绑定域名

如果你觉得 xxxxx.GitHub.io 域名不够酷,也可以自己购买一个域名,然后通过 CNAME 方式把你的 域名 指向 xxxxx.GitHub.io 地址就可以了。不会解析的,参考下图的设置。

接着进入 "Settings" 设置界面(参考上面步骤4),找到 "Custom domain" 输入你的域名地址,例如:blog.xiaoyi.vc,然后点击 Save 保存。接着耐心


再次进入 "Settings" 设置界面找到 "Custom domain",看到 "Your site is published at http://blog.xiaoyi.vc" 证明成功了,需要HTTPS的模式,可以勾选下面的 Enforce HTTPS,然后等待证书生效就行了。


最后打开「Gridea」客户端,进入设置,把 CNAME 填上你的域名保存就OK了。


正常情况下是没问题的了,如果打不开,可能解析还没生效,还需要在等等一会。


注意事项

「GitHub」虽然免费,但是还是有一些限制的,仓库限制1G容量(用来码文字其实够写很多了,实在不够,那就再新建一个仓库)单个文件大小上传限制100M,每个月流量100GB,基本都够用了。


还有个问题,为什么我发布的文章或设置的东西,没有显示出来?因为有缓存机制,需要等待1-5分钟后才会刷新内容。


总结

「Github Pages」可以说是轻博客最佳的选择了,如果你平时只是用来记录文字日志图片,不需要太复杂的功能,其实完全够用了,加上托管在「GitHub」你不用担心服务器的各种问题,如漏洞、到期忘续费、数据丢失等,最最最重要是完全免费。


另外「GitHub」因为服务器在国外,有时候访问会慢,可以利用免费的CDN「jsDelivr」来加速,有空了再来给大家分享。另外也有大佬用「Github」+「jsDelivr」+「PicGo」打造免费高速图床,同样后面有机会再分享。


下载

    官方网站:https://gridea.dev

    客户端:https://www.lanzoux.com/b05gas50f(密码:ctsu)


相关教程

    MarkDown教程:https://github.com/mzlogin/markdown-intro

    gridea教程:https://gridea.dev/docs


Github Pages网站参考:
    https://gridea-theme-rocky.netlify.app
    https://ryanc.cc
---------------------------

Gridea 是一个开源的静态博客写作和管理工具。它提供了一个简洁、直观的界面,帮助用户轻松创建和管理静态博客网站。

Gridea 的主要特点和功能包括:

  • 静态博客生成:Gridea 可以将用户创建的博客内容转换为静态文件,并生成静态网站,可以直接部署到静态文件托管服务或 CDN 上。
  • 多平台支持:Gridea 提供了多平台的支持,包括 Windows、macOS 和 Linux。用户可以根据自己的操作系统选择适合的版本进行安装和使用。
  • 可定制主题:Gridea 提供了多个精美的博客主题,用户可以根据自己的需求选择喜欢的主题,并进行自定义调整。此外,用户还可以自行开发和导入第三方主题。
  • 多语言支持:Gridea 支持多语言界面,用户可以选择自己熟悉的语言进行使用。
  • 博客管理:Gridea 提供了便捷的博客管理功能,包括博客内容的创建、编辑、发布、标签管理、分类管理等。
  • 本地编辑:Gridea 支持本地编辑,用户可以在本地编辑博客内容,无需依赖网络连接,提供更好的写作体验。
  • Markdown 支持:Gridea 使用 Markdown 作为默认的写作格式,支持 Markdown 语法和实时预览功能。

总体而言,Gridea 是一个简单易用的静态博客写作和管理工具,帮助用户快速搭建和管理自己的静态博客网站。它的功能丰富而灵活,适合个人博客、技术文档、个人笔记等各种类型的静态博客网站的构建和管理。

你可以查看它的 官网GitHub了解更多。

-----------------------------
相关帖子:
https://briteming.blogspot.com/2024/10/publii-static-cms.html (publii好像不太好用)

No comments:

Post a Comment