更新memos
This commit is contained in:
parent
ab73d24361
commit
041b559e97
|
@ -10,10 +10,24 @@ if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
|
||||||
<header class="archive--header">
|
<header class="archive--header">
|
||||||
<h1 class="post--single__title"><?php $this->title() ?></h1>
|
<h1 class="post--single__title"><?php $this->title() ?></h1>
|
||||||
</header>
|
</header>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script>
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css" />
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css" />
|
||||||
<div id="talk"></div>
|
<div id="talk"></div>
|
||||||
|
<style>
|
||||||
|
div pre code {
|
||||||
|
/* 迫使文字断行 */
|
||||||
|
white-space: pre-wrap; /* CSS3 */
|
||||||
|
|
||||||
|
/* 当文字超出容器宽度时会断行 */
|
||||||
|
word-wrap: break-word; /* 老版本的浏览器 */
|
||||||
|
overflow-wrap: break-word; /* CSS3, 推荐使用 */
|
||||||
|
|
||||||
|
/* 指定如何断行 */
|
||||||
|
word-break: break-all; /* 对于非中文字母(如拉丁字母或半角符号等)也同样断行 */
|
||||||
|
word-break: break-word; /* 保留对于英文单词的完整,为个别单词断行 */
|
||||||
|
}
|
||||||
|
</style>
|
||||||
<script>
|
<script>
|
||||||
if (99) {
|
if (99) {
|
||||||
let url = '<?php $this->options->memos() ?>';
|
let url = '<?php $this->options->memos() ?>';
|
||||||
|
@ -21,12 +35,11 @@ if (99) {
|
||||||
.then(res => res.json())
|
.then(res => res.json())
|
||||||
.then(data => {
|
.then(data => {
|
||||||
let html = '';
|
let html = '';
|
||||||
let baseURL = '<?php $this->options->memos() ?>';
|
|
||||||
|
|
||||||
data.forEach(item => {
|
data.forEach(item => {
|
||||||
// 假设这里的 Format 函数能正确地格式化每个 item,并确保它返回有 `date` 和 `tag` 的对象
|
// 假设这里的 Format 函数能正确地格式化每个 item,并确保它返回有 `date` 和 `tag` 的对象
|
||||||
let data = Format(item);
|
let data = Format(item);
|
||||||
let memoURL = baseURL + '/m/' + item.id;
|
let memoURL = url + '/m/' + item.id;
|
||||||
|
let mdContent = marked.parse(data.content);
|
||||||
html += `
|
html += `
|
||||||
<article class='post--item post--item__status'>
|
<article class='post--item post--item__status'>
|
||||||
<div class='content'>
|
<div class='content'>
|
||||||
|
@ -34,15 +47,15 @@ if (99) {
|
||||||
<img src="<?php $this->options->logoUrl() ?>" class="avatar" width="48" height="48" />
|
<img src="<?php $this->options->logoUrl() ?>" class="avatar" width="48" height="48" />
|
||||||
<a class="humane--time" href="${memoURL}" target="_blank">${data.date}</a>
|
<a class="humane--time" href="${memoURL}" target="_blank">${data.date}</a>
|
||||||
</header>
|
</header>
|
||||||
<div class="description" itemprop="about">
|
<div class="description mdContent" itemprop="about">
|
||||||
<span class="talk_tag"># ${data.tag}</span><br>
|
<span class="talk_tag"># ${data.tag}</span><br>
|
||||||
${data.content}
|
${mdContent}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
`;
|
`;
|
||||||
});
|
});
|
||||||
if (data.length >= 20) document.querySelector('.limit').style.display = 'block';
|
|
||||||
document.getElementById('talk').innerHTML = html;
|
document.getElementById('talk').innerHTML = html;
|
||||||
})
|
})
|
||||||
.catch(error => {
|
.catch(error => {
|
||||||
|
@ -75,7 +88,7 @@ if (99) {
|
||||||
}
|
}
|
||||||
return {
|
return {
|
||||||
content: content,
|
content: content,
|
||||||
tag: tag ? tag[0].replace(/#([^\s#]+?) /,'$1') : '无标签',
|
tag: tag ? tag[0].replace(/#([^\s#]+?) /,'$1') : '日常',
|
||||||
date: date,
|
date: date,
|
||||||
text: text.replace(/\[(.*?)\]\((.*?)\)/g, '[链接]' + `${imgs?'[图片]':''}`)
|
text: text.replace(/\[(.*?)\]\((.*?)\)/g, '[链接]' + `${imgs?'[图片]':''}`)
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue