Skip to content

Commit

Permalink
feat:#158 使用体验优化-自适应高度，去除滚动条
Browse files Browse the repository at this point in the history
  • Loading branch information
@terwer
terwer committed Nov 20, 2022
1 parent 36e5189 commit d13f28d
Show file tree
Hide file tree
Showing 3 changed files with 32 additions and 51 deletions.
34 changes: 5 additions & 29 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,35 +12,11 @@

[点击查看帮助文档](https://mp.terwer.space/post/readme-1j4ltp.html)

[点击查看新手小白级视频教程](https://mp.terwer.space/post/configure-entry-video-brpm9.html)
[点击查看配置视频教程](https://mp.terwer.space/post/configure-entry-video-brpm9.html)

## 快速上手

| 商店 | 版本 | 上架状态 |
|:-------------------------------------------------------------------------------------:|:---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------:|:----:|
| ![](https://static-rs-terwer.oss-cn-beijing.aliyuncs.com/icons/browser/edge20.svg) | [v0.0.3](https://microsoftedge.microsoft.com/addons/detail/%E6%80%9D%E6%BA%90%E7%AC%94%E8%AE%B0%E5%8F%91%E5%B8%83%E8%BE%85%E5%8A%A9%E5%B7%A5%E5%85%B7/aejmkigifflimhjlhjkdckclhabbilee) | 已上架 |
| ![](https://static-rs-terwer.oss-cn-beijing.aliyuncs.com/icons/browser/chrome20.svg) | [v0.0.3](https://chrome.google.com/webstore/detail/%E6%80%9D%E6%BA%90%E7%AC%94%E8%AE%B0%E5%8F%91%E5%B8%83%E8%BE%85%E5%8A%A9%E5%B7%A5%E5%85%B7/gemlnnppcphbiimfjnobfgdkohjmgifm) | 已上架 |
| ![](https://static-rs-terwer.oss-cn-beijing.aliyuncs.com/icons/browser/firefox20.png) | --- | 审核中 |
| ![](https://static-rs-terwer.oss-cn-beijing.aliyuncs.com/icons/browser/360-20.png) | --- | 审核中 |
| 网页版 | [v0.0.3](https://publish.terwer.space/blog/index.html) | 可使用 |
| 离线zip | [v0.0.3](https://github.com/terwer/src-sy-post-publisher/releases/download/v0.0.3/sy-post-publisher-chrome-0.0.3.zip) | 可下载 |
| 挂件版 | [v0.0.3](https://github.com/terwer/sy-post-publisher) | 可使用 |

小贴士：

1. 推荐直接从 `思源笔记集市`、 `Chrome商店` 或者 `Edge商店` 等官方商店下载使用。

由于技术限制，`Firefox插件` 目前不支持 `Minifist V3` 以及 `background messsage` 事件这个关键特性，需要额外使用请求代理，参照 [#143](https://github.com/terwer/src-sy-post-publisher/issues/143) 。这样的话，性能会差一点，但是功能完全可用。代理地址为：https://publish.terwer.space/api/middleware

2. 如果您想临时尝鲜可以从网页版直接使用，网页版访问地址：https://publish.terwer.space/blog/index.html

只要修改思源API地址和token即可，网页版需要填写外网地址。

**本插件承诺：所有配置均存储在浏览器本地，本程序不会收集任何敏感资料，请放心使用。本程序不会开发，将来也永远不会开发云端功能。**

3. 离线zip使用方法=>将zip文件解压到某个目录，打开浏览器插件开发者模式，点击加载已解压的扩展程序，选择刚刚解压的目录即可。

4. 因为所有配置是配置直接存储在浏览器本地，切换浏览器数据不会共享。卸载插件也会清空所有的配置数据，后续会考虑配置备份功能(需要调研实现这个需求的必要性)。
<div class="home-info-desc">
<h1 class="title" title="iTab新标签页">
<img scroll-reveal="{ origin: 'left', delay: 105 }" class="title-logo" src="https://files.codelife.cc/itab.link/logo/logo2.svg" alt="" data-sr-id="2" style="visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.105s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0.105s;"><!--[--><span scroll-reveal="{ origin: 'right', delay: 0 }" data-sr-id="3" style="visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;">i</span><span scroll-reveal="{ origin: 'right', delay: 41 }" data-sr-id="4" style="visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.041s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0.041s;">T</span><span scroll-reveal="{ origin: 'right', delay: 82 }" data-sr-id="5" style="visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.082s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0.082s;">a</span><span scroll-reveal="{ origin: 'right', delay: 123 }" data-sr-id="6" style="visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.123s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0.123s;">b</span><span scroll-reveal="{ origin: 'right', delay: 164 }" data-sr-id="7" style="visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.164s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0.164s;"> </span><span scroll-reveal="{ origin: 'right', delay: 205 }" data-sr-id="8" style="visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.205s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0.205s;">N</span><span scroll-reveal="{ origin: 'right', delay: 246 }" data-sr-id="9" style="visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.246s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0.246s;">e</span><span scroll-reveal="{ origin: 'right', delay: 287 }" data-sr-id="10" style="visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.287s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0.287s;">w</span><span scroll-reveal="{ origin: 'right', delay: 328 }" data-sr-id="11" style="visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.328s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0.328s;"> </span><span scroll-reveal="{ origin: 'right', delay: 369 }" data-sr-id="12" style="visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.369s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0.369s;">T</span><span scroll-reveal="{ origin: 'right', delay: 410 }" data-sr-id="13" style="visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.41s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0.41s;">a</span><span scroll-reveal="{ origin: 'right', delay: 451 }" data-sr-id="14" style="visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.451s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0.451s;">b</span><!--]--></h1><p class="info" scroll-reveal="{ origin: 'left', delay: 205 }" data-sr-id="15" style="visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.205s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0.205s;"> 一个让你不受广告干扰的个性化卡片式起始页插件 </p><div class="ac"><a id="idEdge" scroll-reveal="{ origin: 'bottom', delay: 105 }" href="https://microsoftedge.microsoft.com/addons/detail/inedkoakiaeepjoblbiiipedngonadhn" target="_blank" class="d-button mb10" data-sr-id="16" style="visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.105s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0.105s;"><img class="d-icon" src="https://files.codelife.cc/itab.link/icon/edge.svg"> Edge <span class="f12">v1.3.19.1</span></a><a id="idGoogle" scroll-reveal="{ origin: 'bottom', delay: 125 }" target="_blank" class="d-button mb10" data-sr-id="17" style="visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.125s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0.125s;"><img class="d-icon" src="https://files.codelife.cc/itab.link/icon/chrome.svg"> Chrome <span class="f12">v1.3.19.1</span></a><a id="idFirefox" scroll-reveal="{ origin: 'bottom', delay: 155 }" href="https://files.codelife.cc/itabcrx/itab_firefox.xpi?v=1.3.19.1" target="_blank" class="d-button mb10" data-sr-id="18" style="visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.155s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0.155s;"><img class="d-icon" src="https://files.codelife.cc/itab.link/icon/firefox.png"> Firefox v <span class="f12">1.3.19.1</span></a><a id="id360" href="https://ext.chrome.360.cn/webstore/detail/cccfmjnapcablhcaegmbencndfeclkpi" scroll-reveal="{ origin: 'bottom', delay: 155 }" target="_blank" class="d-button mb10" data-sr-id="19" style="visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.155s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0.155s;"><img class="d-icon" src="https://files.codelife.cc/itab.link/icon/360.png"> 360极速 <span class="f12">v1.3.16</span></a><a id="idWeb" scroll-reveal="{ origin: 'bottom', delay: 200 }" href="https://go.itab.link/" target="_blank" class="d-button mb10" data-sr-id="20" style="visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.2s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0.2s;"><img class="d-icon" src="https://files.codelife.cc/itab.link/logo/logo2.svg"> 网页版 <span class="f12">v1.3.19.1</span></a><a id="idCrx" scroll-reveal="{ origin: 'bottom', delay: 200 }" href="https://files.codelife.cc/itabcrx/itab_chrome.crx?v=1.3.19.1" download="itab" target="_blank" class="d-button mb10" data-sr-id="21" style="visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.2s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0.2s;"><img class="d-icon" src="https://files.codelife.cc/itab.link/logo/logo2.svg"> crx离线版 <span class="f12">v1.3.19.1</span></a></div><div class="home-down"><a id="idJiaocheng" scroll-reveal="{ origin: 'bottom', delay: 125 }" href="https://www.bilibili.com/video/BV1fg411w7Sw?spm_id_from=333.999.0.0" target="_blank" data-sr-id="22" style="visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.125s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0.125s;">iTab保姆级安装教程</a><a target="_blank" href="https://www.itab.link/install/other.html">离线版安装教程</a></div><div class="ac f12 mb10" scroll-reveal="{ origin: 'bottom', delay: 255 }" data-sr-id="23" style="visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.255s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0.255s;"> 备用下载地址: <a id="idCowtransfer" class="down-btn" target="_blank" href="https://pan.baidu.com/s/1aumTP4TVhN_psxUoMzbpjw?pwd=5qub">百度网盘下载 提取码：5qub</a></div></div>

## 最近更新

Expand Down Expand Up @@ -212,7 +188,7 @@ yarn w
yarn e
```

将密钥文件修改为 key.pem 放到 extension/chrome 文件夹 , 然后压缩 `extension/chrome` 文件夹里面的所有文件为 `.zip`, 上架 Google Chrome 应用商店。
压缩 `extension` 文件夹为 `.crx`, 上架 Google Chrome 应用商店。

### 方式 3、部署到服务器后台服务

Expand Down
47 changes: 26 additions & 21 deletions src/assets/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,33 @@
html{
--el-font-family: var(--g-font-family) !important;
--custom-app-bg-color: #ffffff;
height: 100%;
}

body {
margin: 0;
font-size: 100%;
height: 97.5%;
}

#app{
background: var(--custom-app-bg-color);
padding: 10px;
min-width: 600px;
min-height: 99%;
/*min-height: 500px;*/
/*height: 100%;*/
}

a {
font-weight: 500;
color: #646cff;
text-decoration: none;
}
a:hover {
color: #535bf2;
}

:root {
--g-font-family: "JetBrains Mono", "LXGW WenKai", "-apple-system", "Wenquanyi Micro Hei", "Wenquanyi Micro Hei Mono", "Microsoft YaHei", "PT Sans", "Liberation Mono", monospace, dejavu sans mono, Fira Code, Microsoft Yahei, Consolas, Courier New, monospace, Menlo, Monaco;
font-family: var(--g-font-family) !important;
Expand All @@ -24,27 +50,6 @@ pre,code {
tab-size: 4;
}

a {
font-weight: 500;
color: #646cff;
text-decoration: none;
}
a:hover {
color: #535bf2;
}

body {
margin: 0;
font-size: 100%;
}

#app{
background: var(--custom-app-bg-color);
padding: 10px;
min-width: 600px;
min-height: 500px;
}

@media (prefers-color-scheme: light) {
:root {
color: #213547;
Expand Down
2 changes: 1 addition & 1 deletion src/locales/zh_CN.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -185,7 +185,7 @@ export default {
"config.error.msg": "配置错误，请前往对应发布配置修改",
"config.platform.none": "没有启用的发布平台，请前往服务开关开启",
"post.delete.by.platform": "文章已被平台自行删除，请点击取消强制解除关联",
"blog.top-data-tip": "温馨提示：1. 请保证思源笔记启动并且打开伺服，默认伺服地址：http://127.0.0.1:6806。 2. 1.0.0+ 以后，您能可以在本页面底部点击【修改思源API地址】来修改默认配置，注意：此处修改会覆盖启动设置的值。 3. 为了获得更好的使用体验，建议使用【新窗口打开】首页。",
"blog.top-data-tip": "温馨提示：1. 请保证思源笔记启动并且打开伺服，默认伺服地址：http://127.0.0.1:6806。 2. 1.0.0+ 以后，您可以在本页面底部点击【修改思源API地址】来修改默认配置，注意：此处修改会覆盖启动设置的值。 3. 为了获得更好的使用体验，建议使用【新窗口打开】首页。",
"blog.newwin.open": "新窗口打开[推荐]",
"blog.change.siyuan.api": "修改思源API地址",
"setting.blog.siyuan.password": "思源笔记鉴权Token，请从【设置->关于】复制，如果是本地笔记留空即可",
Expand Down

0 comments on commit d13f28d

Please sign in to comment.