modify posts, add search style

This commit is contained in:
linlongchen
2019-11-25 11:44:29 +08:00
parent 01c4035003
commit 6fa11dec03
2 changed files with 33 additions and 2 deletions

View File

@@ -11,6 +11,8 @@ author: lemonchann
[Simple-Jekyll-Search](https://github.com/christian-fei/Simple-Jekyll-Search)
<!-- more -->
### 配置search.json
[复制这份代码到你博客的根目录](https://github.com/christian-fei/Simple-Jekyll-Search/blob/master/example/search.json)
@@ -42,6 +44,12 @@ author: lemonchann
</script>
```
## 搜索框样式
[html插入样式方法](https://blog.csdn.net/u014103733/article/details/72961366)
参考:[jekyll search搭建](https://cloud.tencent.com/developer/article/1119290)
## 社交链接
@@ -112,6 +120,18 @@ eg. `style="font-family:arial;color:Gainsboro;font-size:10px; text-align:right;
## Google站长分析
[GoogleAnalytics](https://analytics.google.com/analytics/web/#/report-home/a152888548w216036791p206483624)
[Google Search Console]
## 如何传图片
[PicGo](https://picgo.github.io/PicGo-Doc/zh/guide/)
## 其他功能
[小功能](https://blog.csdn.net/ds19991999/article/details/81293467)

View File

@@ -1,9 +1,20 @@
---
layout: default
---
<div class="search-container">
<input type="text" id="search-input" placeholder="search blog posts...">
<input type="text" id="search-input" placeholder="search blog posts..." style="width: 90%;
height: 35px;
color: #333;
background-color: rgba(227,231,236,.2);
line-height: 35px;
padding:0px 16px;
border: 1px solid #c0c0c0;
font-size: 16px;
font-weight: bold;
border-radius: 17px;
outline: none;
box-sizing: border-box;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);">
<ul id="results-container"></ul>
</div>