To support writing, editing and managing the github.io based Jekyll Blog, with Markdown Previewer.

Latest Version

Version
4.0.3
Update
November 20, 2024
Size
3.41MiB
Developer
Category
Users
128
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
See more

Github Jekyll Blog Editor Extension

Github Jekyll Editor is extension for Chrome Based Browsers . Hope to :

1. Support Markdown Editor focusing on Jekyl (hosted in Github.io);
2. Support list posts, edit post, publish post, delete post, etc.;

But due to my personal willing, I hope to seek some new alternative tool which can be much better than my shallow extension, which ideally can support below expectations:

1. Portable & Cross platforms, as I normally switch cross different platforms and devices, especially some of those are restricted to install softwares;
2. As big fan of Vim, Vim-mode in editor is a MUST;
3. Distraction-free mode is perfered;

After scanning all visible candiates, especially several very strong self-hosted solutions (which is most possible approach can easily meet requirement 2), it's sadlly for me to realize that there is not so perfect solution, let alone the self-host solution anyway relying on one dedicated VPS & those effort/trouble shooting in those setup and also customization.

Then, I eventually made up of my mind to reconstruct my **old** tool to be more **mordern style**.

And after some days' effort, there are 3 major updates:
- Update the editor soluiton from previews *Meltdown* to [ace](https://ace.c10.io/) which is so strong web-based editor, and can fulfill all my expectation;
- Add 'Focus Mode' on top of orginal 'Preview Mode';
- Reconstruct the UI and (that might only meaningful for myself and possible developers) the mechanism for theme/UI;

*NOTE on Vim ExCmd*:
- q: quit
- w: manual save (not really meaningful just for fun.. since the 'save' action is automatically done for any keyup)
- l: layout switch between preview & focus mode
- s: dark/light skin switch
- pu: update and publish
- un: update but not publish

## History
+ 4.0:\t
* Critical Reconstruction with above statement

Code in https://github.com/shinemoon/jekyller and it's welcome to raise issue or comment there.

---
**Github Jekyll Editor** 是一个适用于 Chrome 内核浏览器的扩展程序。它的目标包括:

1. 支持专注于 Jekyll 的 Markdown 编辑(托管在 Github.io 上);
2. 支持列出帖子、编辑帖子、发布帖子、删除帖子等操作;

但出于个人需求,我希望找到一些更好的替代工具,理想情况下能够满足以下要求:

1. 便携性 & 跨平台支持,因为我经常在不同平台和设备之间切换,尤其是一些不允许安装软件的设备;
2. 作为 Vim 的忠实粉丝,编辑器必须支持 Vim 模式;
3. 支持沉浸式书写模式更佳;

在浏览了所有可见的候选工具后,尤其是一些非常强大的自托管方案(这可能是满足跨平台需求的最可能的途径),我遗憾地发现并没有一个完美的解决方案,更不用说自托管方案还依赖专用服务器以及在设置和个性化过程中需要投入的精力和故障排查。

因此,我最终决定将我的**旧工具**重构为更**现代风格**的版本。

经过几天的努力,有了以下三个主要更新:

- 将编辑器从之前的 *Meltdown* 替换为 [Ace](https://ace.c10.io/),这是一款强大的基于网页的编辑器,能够满足我的所有期望;
- 在原来的“预览模式”基础上新增“专注模式”;
- 重构了 UI(可能对我自己和未来的开发者有用)和主题/UI 的机制;

**关于 Vim 命令的说明**:
- `q`:退出
- `w`:手动保存(实际上仅供娱乐...因为每次按键时都会自动保存)
- `l`:布局切换,预览模式和专注模式之间切换
- `s`:暗色/亮色皮肤切换
- `pu`: 更新文章并且发布
- `un`: 更新文章但不发布


---

## 历史记录
+ 4.0:
* 进行上述内容的重大重构

代码开源:https://github.com/shinemoon/jekyller 欢迎提交问题或者讨论。
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "__MSG_extName__", "short_name": "Jekyller", "description": "__MSG_extDes__", "default_locale":"en", "version": "4.0.3", "minimum_chrome_version": "88", "action": { "default_icon": { "16": "assets/icon_512.png", "128": "assets/icon_512.png" }, "default_title": "Jeykller" }, "icons": { "16": "assets/icon_512.png", "128": "assets/icon_512.png" }, "background": { "service_worker": "service_worker.js" }, "permissions": [ "storage" ], "host_permissions": [ "https://github.com/" ]}
Read more

How to download and manually install Github Jekyll Blog Editor extension for Chrome

Looking for a way to install Github Jekyll Blog Editor extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Github Jekyll Blog Editor extensions manually, this article outlines two simple methods to effortlessly install Github Jekyll Blog Editor extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Github Jekyll Blog Editor extension and manually install through Drag &Drop

If you ever need to manually install a Github Jekyll Blog Editor extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Github Jekyll Blog Editor Extension by clicking the "Download CRX" button on the website.

Look for the Github Jekyll Blog Editor extension you wish to install. Go to the website and download the Github Jekyll Blog Editor extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Github Jekyll Blog Editor extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Github Jekyll Blog Editor extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Github Jekyll Blog Editor extension for Chrome and install in Developer Mode

This is another method to install Github Jekyll Blog Editor extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Github Jekyll Blog Editor extension file

Select and download the Github Jekyll Blog Editor extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Github Jekyll Blog Editor extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Github Jekyll Blog Editor extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Github Jekyll Blog Editor extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Github Jekyll Blog Editor extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

publishthis.email Gmail Extension Extension · Social & Communication 128 0 ★ 51.41KiB

icon

GitHub Pages Extension · Accessibility 128 0 ★ 7.93KiB

icon

Markdown Editor Extension · Developer Tools 128 28 ★ 1.83MiB

icon

MicroHealth Blogs Extension · Social & Communication 128 0 ★ 60.79KiB

icon

Open Github/Bitbucket in editor Extension · Developer Tools 128 0 ★ 50.72KiB

icon

LeeL Blog Extension · Social & Communication 128 1 ★ 3.94MiB

icon

Serum Extension · Social & Communication 128 1 ★ 2.09MiB

icon

'Clone in GitHub for Windows' for Bitbucket Extension · Developer Tools 128 2 ★ 510KiB

icon

NewSelfHelp Extension · Social & Communication 128 0 ★ 25.06KiB

icon

Markdown Anywhere Extension · Productivity 128 4 ★ 732KiB

icon

Porter Plug Extension · Developer Tools 128 5 ★ 82.42KiB

icon

MultiTabs Markdown Editor Extension · Productivity 128 11 ★ 4.34MiB

icon

Light Markdown Editor Extension · Developer Tools 128 6 ★ 363KiB

icon

Curation Organizer Extension · Social & Communication 128 0 ★ 65.81KiB

icon

Blish Extension · Social & Communication 128 8 ★ 250KiB

icon

Advertise Opportunities Extension · Social & Communication 128 0 ★ 80.92KiB

icon

Extreme Markup Editor for Blogger™ Extension · Social & Communication 128 22 ★ 22.57KiB

icon

Mrkdown.io - Markdown Editor Extension · Developer Tools 128 2 ★ 6.85KiB

icon

Git flow (for Github) Extension · Developer Tools 128 1 ★ 218KiB

icon

Sanity Extension · Social & Communication 128 9 ★ 74.01KiB

icon

Github Package.json Enhancer Extension · Developer Tools 128 0 ★ 18.89KiB

icon

How to Work on the Internet Extension · Social & Communication 128 1 ★ 35.02KiB

icon

Gist It Extension · Social & Communication 128 1 ★ 24.31KiB

icon

Markdown Editor for Chrome™ Extension · Developer Tools 128 15 ★ 645KiB