This blog post is done under Hyrule.

For details, see automatically deploying static blogs based on Issues and then using Hyrule.

Development of reason

I used issues to write my blog and acyory and Plugin to build my blog. For me, it’s very convenient, I just need to open github and write my own blog.

But there are some disadvantages:

  • Unable to save draft
  • Although say havemarkdown previewBut the writing experience is not very good. I usually put it in the local editor after writingissues
  • Images can be uploaded directly to Github, but cannot be managed once uploaded
  • Blogs are not intuitive to manage

Later, I found Picgo, and with plugin, I can use Github as an image and use it in my blog.

All that remains is the writing experience and blog management.

Hence the Hyrule App.

Function is introduced

Image management

Picgo is a very powerful graphical tool, you can write your own plug-ins to complete the different site graphical management.

But for me, all I need is Github. Although there are plugins that support Github image synchronization, it is not enough for me.

Multi-picture bed management

In Hyrule, managing images is a simple matter, whether private or public, by adding the corresponding image bed repo. And can be very convenient to switch different picture bed. However, the disadvantage of private is that it can’t be shared, and it is a little slower to acquire. This is related to Github, and I will talk more about the development experience later.

Folder management

In addition to support multi – picture bed, also support folder form.

The batch management

It supports uploading/deleting images in batches, but there is one downside: because of Git Commit issues, you must upload or delete images individually, but you can support batch operations on user operations.

More functions

Waiting for you to submit the feature request.

Issues management

Of course, not everyone needs this feature.

Synchronous write preview

Built-in vscode’s mono-editor makes writing articles as easy as writing code. You can also sync preview, but sync scrolling is probably not perfect yet.

Upload images directly

In fact, picgo also has vsCode plug-in vS-Picgo, which is actually paste pictures in VSCode and directly upload them to the map bed. I like this function very much.

In Hyrul, you can upload an image to the map bed, then copy the markdown link and paste it into the article. You can also upload directly to the editor, which will automatically upload to the selected graph bed. (Provided, of course, that you provide a repo to do the default map bed)

While writing, you can also view the images at the same time.

Save drafts

When you’re in the middle of an article and don’t want to post it so fast, save it locally and continue writing next time.

More functions

Waiting for you to submit the feature request.

conclusion

So far, the App has met my daily blogging needs.

In addition to this, I think the most important thing is the personal experience accumulated in the development process, including interface interaction design (although very ugly), functional design, technology research, etc.

I also encountered many problems in the development process, and I will write an article to record the relevant content later.

Thank you

  • picgo
  • Lepton (interface reference, code reference)