Blog Use Github Picbed

使用github图床，利用picgo插件进行图片上传得到图片链接

下载这个软件过后就设置github图床如下：

2022-04-25 123349.png

然后就可以使用复制粘贴的命令将自己想要的图片上传到自己的图库里面

使用win + shift + s键可以选择性截图，目前唯一的问题就是博客搜索功能和markdown转pdf的功能没有解决

  • 博客搜索功能
  • markdown转pdf功能

好像这个proseio本身也是可以上传图片的，而且是上传到本post目录下的。 Ok, seems that this is not useful!

博客搜索功能

新建search.json文件到根目录：

复制上面的项目里面的dest目录下面的simple-jekyll-search.min.js,复制到网站根目录的js文件夹里面.

修改页面文件search.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

<!-- HTML elements for search-->
<div id="search-container" style="float:right;position: fixed;right:0px; bottom:10px; z-index:999999;background:#eeeeee;padding:10px 10px 0px 10px;">
  <input type="text" id="search-input" placeholder="search..." style="border:2px solid;border-radius:25px;padding-left:10px !important;" >
  <ul id="results-container" style="max-width:300px;"></ul>
</div>

<!-- script pointing to jekyll-search.js-->
<script src="/js/simple-jekyll-search.min.js"></script>

 <script>
      window.simpleJekyllSearch = new SimpleJekyllSearch({
        searchInput: document.getElementById('search-input'),
        resultsContainer: document.getElementById('results-container'),
        json: '/search.json',
        searchResultTemplate: '<li><a href="{url}" title="{desc}">{title}</a></li>',
        noResultsText: 'No results found',
        limit: 5,
        fuzzy: false,
        exclude: ['Welcome']
      })
    </script>

在default.html中修改，从而能在每一个页面都能够出现搜索

More info about jekyll

  1. jekyll search

  2. jekyll codeblock

About markdown convert to pdf, I can simply convert it to html and then convert to pdf

Over!!

Written on July 2, 2022
技术