yige/blog-client
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: yige:3f8396a254a3b668c2a2bd05eafb4f2b76b79077
Branches Tags
yige:master yige:dev
...
compare: yige:dev
Branches Tags
yige:master yige:dev

61 Commits
3f8396a254 ... dev

Author SHA1 Message Date
yi-ge
8c3bb44cf8 修复刷新后下移的问题 2021-10-19 17:01:48 +08:00
yi-ge
1cef9e1dbf 修复刷新后下移的问题 2021-10-19 15:41:49 +08:00
yi-ge
d7ab590958 修复刷新后下移的问题 2021-10-19 15:17:23 +08:00
yi-ge
62763af8ff link 2021-08-11 12:37:33 +08:00
yi-ge
e41cccd4cc lint 2021-08-11 12:35:15 +08:00
yi-ge
6e9a818d10 upgrade package 2021-08-04 17:01:23 +08:00
yi-ge
bc6327c556 upgrade package 2021-08-04 16:49:01 +08:00
yi-ge
e5ca37faed upgrade package 2021-08-04 16:48:25 +08:00
yi-ge
58821bef70 upgrade package 2021-08-04 16:03:32 +08:00
yi-ge
dc4681c032 添加备案号 2021-07-07 12:58:48 +08:00
yige
184347c4f9 解决CDN异常 2020-12-19 22:15:26 +08:00
yige
1449524d4e fix top and articel list 2020-11-14 14:25:43 +08:00
yige
76de2e555f 添加版权声明 2020-11-10 21:53:33 +08:00
yige
995f875616 解决google ad警告 2020-09-26 19:15:12 +08:00
yige
fc08315bf8 修改友链 2020-09-26 19:06:53 +08:00
yige
0e2e8ca254 修改友链 2020-09-26 19:03:34 +08:00
yige
dbebc68cb0 添加提醒功能 2020-09-20 16:57:04 +08:00
yige
26cdfd79b2 添加设置功能 2020-09-19 14:32:07 +08:00
yige
4c6ad37f3a 添加设置功能 2020-09-17 21:07:07 +08:00
yige
24a603c755 添加草稿功能 2020-09-16 23:35:24 +08:00
yi-ge
35e5523b93 修改友链 2020-08-31 12:04:07 +08:00
yige
93f32fc016 添加设置前端 2020-08-21 21:12:37 +08:00
yi-ge
295d959e6e android 2020-07-23 17:18:00 +08:00
yi-ge
8851dd8c47 添加qq登录 2020-07-23 15:04:46 +08:00
yi-ge
c0d2f24c65 添加qq登录 2020-07-23 14:37:59 +08:00
yi-ge
8520e5567a 添加微博登录 2020-07-23 14:28:58 +08:00
yi-ge
ea90eac506 完善微信登录 2020-07-23 09:33:15 +08:00
yige
912d48bf71 添加微信登录 2020-07-23 08:37:04 +08:00
yige
dd89e298b9 添加微信登录 2020-07-23 08:35:25 +08:00
yige
f4da5d9455 添加微信登录 2020-07-23 08:31:38 +08:00
yige
20345ae9ce 添加微信登录 2020-07-23 08:25:24 +08:00
yige
39be6a3439 添加微信登录 2020-07-22 23:54:22 +08:00
yige
0b02bf7838 添加微信登录 2020-07-22 23:53:37 +08:00
yige
209d25f204 添加微信登录 2020-07-22 22:48:29 +08:00
yige
687f5c5c68 添加微信登录 2020-07-22 19:30:42 +08:00
yi-ge
fa69d02bc6 添加微信登录 2020-07-22 18:02:37 +08:00
yi-ge
78ff669765 添加微信登录 2020-07-22 14:07:07 +08:00
yige
dd78f3af82 添加微信登录 2020-07-21 23:47:38 +08:00
yi-ge
ca2ec55a72 解决切换页面后编辑器异常 2020-07-21 15:39:59 +08:00
yige
719e716c6f 博客-文章页meta完善 2020-07-20 21:30:22 +08:00
yi-ge
5d744b5e84 xml解析 2020-07-20 18:28:58 +08:00
yige
868fc81fd1 添加编辑器粘贴功能 2020-07-20 00:13:27 +08:00
yige
ada4718146 添加评论展示功能 2020-07-19 21:28:10 +08:00
yige
af2b675052 调整样式 2020-07-19 21:18:44 +08:00
yige
4030b22f41 添加图片预览功能 2020-07-19 20:13:07 +08:00
yige
befa2e1679 完善后台评论管理 2020-07-19 01:03:30 +08:00
yige
41875a39e8 解决内容为空的问题 2020-07-18 22:38:11 +08:00
yige
f85dddf4b8 解决内容为空的问题 2020-07-18 17:46:34 +08:00
yi-ge
9add042253 添加评论功能 2020-07-17 18:10:55 +08:00
yi-ge
b0c6b81951 添加评论功能 2020-07-17 14:00:01 +08:00
yi-ge
4241d13d33 添加评论功能 2020-07-17 12:04:14 +08:00
yi-ge
3121a2bdb5 添加评论功能 2020-07-17 10:56:02 +08:00
yi-ge
ac0bc41842 添加评论功能 2020-07-17 10:41:02 +08:00
yi-ge
c618c83f9b 添加评论功能 2020-07-17 10:32:06 +08:00
yige
54a1633884 解决搜索问题 2020-07-17 00:25:15 +08:00
yige
d385062f5f 解决搜索问题 2020-07-17 00:02:48 +08:00
yige
321dd05d97 添加评论功能 2020-07-16 23:38:24 +08:00
yige
4d05c1a1a5 添加评论功能 2020-07-16 23:14:41 +08:00
yige
280e58e058 添加登录 2020-07-16 22:51:18 +08:00
yi-ge
a82d2fb4ca fix: 修复手机看的时候，点开左边侧边栏，点空白的地方不会隐藏的bug 2020-07-15 15:44:25 +08:00
yi-ge
47fad8167a fix: 修复手机看的时候，点开左边侧边栏，点空白的地方不会隐藏的bug 2020-07-15 14:44:27 +08:00
31 changed files with 6239 additions and 4813 deletions
Expand all files Collapse all files

4
.vscode/settings.json vendored
View File

@ -1,7 +1,10 @@
{ {
"cSpell.words": [ "cSpell.words": [
"Fhacks",
"Weibo", "Weibo",
"Weixin", "Weixin",
"autorestart",
"categorys",
"consola", "consola",
"eslintignore", "eslintignore",
"fontawesome", "fontawesome",
@ -13,6 +16,7 @@
"nuxtjs", "nuxtjs",
"styl", "styl",
"vditor", "vditor",
"viewerjs",
"vmodal", "vmodal",
"wangeditor" "wangeditor"
] ]

14
app.html Normal file
View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html {{ HTML_ATTRS }}>
<head {{ HEAD_ATTRS }}>
{{ HEAD }}
<script src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" async
data-ad-client="ca-pub-2143583075951360"></script>
</head>
<body {{ BODY_ATTRS }}>
{{ APP }}
</body>
</html>

15
components/Footer.vue
View File

@ -1,13 +1,18 @@
<template lang="pug"> <template lang="pug">
footer footer
a#gotop.scroll-top(href='javascript:;', style='display: none;') a#gotop.scroll-top(href='javascript:;', style='display: none')
Icon(:icon="['fas', 'angle-double-up']") Icon(:icon='["fas", "angle-double-up"]')
#mobileToc.mobileToc(style='display: none;') #mobileToc.mobileToc(style='display: none')
| 目录 | 目录
.footer .footer
| Copyright © 2020 WangYi. | Copyright © 2009-2020 WangYi.
br br
| All Rights Reserved. | All Rights Reserved.
a(href='http://www.beian.miit.gov.cn', target='_blank', rel='external nofollow', style='color: #ccc') a(
href='https://beian.miit.gov.cn/#/Integrated/index',
target='_blank',
rel='external nofollow',
style='color: #ccc; margin-left: 5px'
)
| 浙ICP备14013313号-2 | 浙ICP备14013313号-2
</template> </template>

111
components/LeftContent.vue
View File

@ -13,20 +13,32 @@
.social .social
ul ul
li li
a(href='https://github.com/yi-ge', target='_blank', rel='external nofollow') a(
Icon(:icon="['fab', 'github']") href='https://github.com/yi-ge',
target='_blank',
rel='external nofollow'
)
Icon(:icon='["fab", "github"]')
li li
Icon(:icon="['fab', 'qq']" @click="info('qq')") Icon(:icon='["fab", "qq"]', @click='info("qq")')
li li
Icon(:icon="['fab', 'weixin']" @click="info('weixin')") Icon(:icon='["fab", "weixin"]', @click='info("weixin")')
li li
a(href='http://weibo.com/syxj', target='_blank', rel='external nofollow') a(
Icon(:icon="['fab', 'weibo']") href='http://weibo.com/syxj',
target='_blank',
rel='external nofollow'
)
Icon(:icon='["fab", "weibo"]')
li li
Icon(:icon="['fas', 'envelope']" @click="info('email')") Icon(:icon='["fas", "envelope"]', @click='info("email")')
li li
a(href='https://www.wyr.me/rss.xml', target='_blank', rel='external nofollow') a(
Icon(:icon="['fas', 'rss']") href='https://www.wyr.me/rss.xml',
target='_blank',
rel='external nofollow'
)
Icon(:icon='["fas", "rss"]')
.social-info-box(v-if='socialInfo') .social-info-box(v-if='socialInfo')
| {{ socialInfo }} | {{ socialInfo }}
#navication.widget.navication #navication.widget.navication
@ -35,62 +47,89 @@
ul ul
li li
nuxt-link(to='/') 主页 nuxt-link(to='/') 主页
li(v-for='(categorys, index) in $store.state.categorys', :key='index', v-show="categorys.name !== '未分类'") li(
nuxt-link(:to="'/' + categorys.slug") {{ categorys.name }} v-for='(categorys, index) in $store.state.categorys',
:key='index',
v-show='categorys.name !== \'未分类\''
)
nuxt-link(:to='"/" + categorys.slug') {{ categorys.name }}
li li
a(:href="'https://driver.wyr.me/'" target="_blank") MAC N卡驱动更新提示 a(:href='"https://driver.wyr.me/"', target='_blank') MAC N卡驱动更新提示
.search-box .search-box
input.search(type='text', placeholder='搜索', v-model='searchVal', @keyup.enter='search') input.search(
Icon(:icon="['fas', 'search']" @click="search") type='text',
placeholder='搜索',
v-model='searchVal',
@keyup.enter='search'
)
Icon(:icon='["fas", "search"]', @click='search')
.widget.comment .widget.comment
.widgetTitle .widgetTitle
label 最新评论 label 最新评论
ul ul
li(v-for='(newComment, index) in $store.state.newComments', :key='index') li(
v-for='(newComment, index) in $store.state.newComments',
:key='index'
)
strong {{ newComment.comment_author }}： strong {{ newComment.comment_author }}：
span span
nuxt-link(:to="'/post/' + newComment.post.ID + '#comments'") {{ newComment.comment_content }} nuxt-link(
:to='"/post/" + newComment.post.ID + "#comments"',
v-html='newComment.comment_content_html'
)
.meta .meta
span span
Icon(:icon="['far', 'clock']") Icon(:icon='["far", "clock"]')
| &nbsp; {{ newComment.comment_date }} | &nbsp; {{ newComment.comment_date }}
span span
| — | —
nuxt-link(:to="'/post/' + newComment.post.ID") {{ newComment.post.post_title }} nuxt-link(:to='"/post/" + newComment.post.ID') {{ newComment.post.post_title }}
.widget.posts .widget.posts
.widgetTitle .widgetTitle
label 热门文章 label 热门文章
ul ul
li(v-for='(hotArticle, index) in $store.state.hotArticle', :key='index') li(
.thumbnail(v-if='hotArticle.postimages[0]') v-for='(hotArticle, index) in $store.state.hotArticle',
img(width='150', :src="hotArticle.postimages[0].guid + '?x-oss-process=image/resize,m_lfit,h_150,w_150'") :key='index'
.detail(:style='hotArticle.postimages[0] ? "margin-left: 70px" : "margin-left: 0"') )
nuxt-link(:to="'/post/' + hotArticle.ID", :title='hotArticle.post_title') {{ hotArticle.post_title }} .thumbnail(
v-if='hotArticle && hotArticle.postimages && hotArticle.postimages[0]'
)
img(
width='150',
:src='hotArticle.postimages[0].guid + "?x-oss-process=image/resize,m_lfit,h_150,w_150"'
)
.detail(
:style='hotArticle && hotArticle.postimages && hotArticle.postimages[0] ? "margin-left: 70px" : "margin-left: 0"'
)
nuxt-link(
:to='"/post/" + hotArticle.ID',
:title='hotArticle.post_title'
) {{ hotArticle.post_title }}
.meta {{ hotArticle.post_modified }} .meta {{ hotArticle.post_modified }}
.widget.links(v-if="$route.path === '/'") .widget.links(v-if='$route.path === "/"')
.widgetTitle .widgetTitle
label 友情链接 label 友情链接
.links .links
ul ul
li li
a(href="https://wintc.top/" target="_blank") 木马tc个人博客 a(href='https://wintc.top/', target='_blank') 沐码小站
li li
a(href="https://johnsonlee.site/" target="_blank") Johnson Blog a(href='https://johnsonlee.site/', target='_blank') Johnson Blog
li li
a(href="https://www.lzhpo.com/" target="_blank") 会打篮球的程序猿 a(href='https://www.lfhacks.com/', target='_blank') LFhacks
li li
a(href="https://www.lfhacks.com/" target="_blank") LFhacks nuxt-link(to='/links', title='更多友链') 更多友链
li
a(href="https://www.ixiqin.com/" target="_blank") 西秦公子
li
a(href="https://8code.net/" target="_blank") 前端视角
li
a(href="http://www.zzfly.net/" target="_blank") 烟花易冷
#tags.widget.tags #tags.widget.tags
.widgetTitle .widgetTitle
label 标签 label 标签
.tagcloud .tagcloud
nuxt-link(:to="'/tag/' + tag.slug", :title='tag.name', v-for='tag in $store.state.tags', :key='tag.term_id') {{ tag.name }} nuxt-link(
:to='"/tag/" + tag.slug',
:title='tag.name',
v-for='tag in $store.state.tags',
:key='tag.term_id'
) {{ tag.name }}
</template> </template>
<script> <script>
@ -116,7 +155,7 @@ export default {
}, 3000) }, 3000)
}, },
search () { search () {
if (this.searchVal !== '') { this.$router.push({ path: 'search?q=' + this.searchVal }) } if (this.searchVal !== '') { this.$router.push({ path: '/search?q=' + this.searchVal }) }
} }
} }
} }

414
components/Swiper.vue
View File

@ -1,414 +0,0 @@
<template>
<div
class="swiper-container"
@touchmove="fn"
>
<div
class="default-swiper-box"
:class="box"
@transitionend="transitionend"
@touchstart="s"
@touchmove="m"
@touchend="e"
@mousedown="s"
@mousemove="m"
@mouseup="e"
>
<slot />
</div>
<slot name="pagination">
<!-- 默认提供了一个 pagination -->
<div
v-if="pagination"
class="swiper-pagination"
>
<div
v-for="(value, key) in reallySlidesNumber"
:key="key"
class="swiper-dot"
:class="{'swiper-dot-active': currentSlide === key}"
/>
</div>
</slot>
<!-- 这两个就不默认提供了 -->
<slot name="arrowLeft" />
<slot name="arrowRight" />
<!-- 当你需要在全局的内容里面加一些玩意的时候 -->
<slot name="g" />
</div>
</template>
<script>
function toArray (arraylike) {
return Array.prototype.slice.call(arraylike)
}
export default {
name: 'Swiper',
props: {
/* 一次滑动的默认时间 */
duration: {
type: Number,
default: 500
},
/* 两次滑动的间隔时间 */
interval: {
type: Number,
default: 2500
},
/* 是否自动播放 */
autoplay: {
type: Boolean,
default: true
},
/* 用户滑动多少距离, 翻页 */
therehold: {
type: Number,
default: 110
},
defaultSlide: {
type: Number,
default: 0
},
pagination: {
type: Boolean,
default: true
},
/* 有时候全屏滚动, 的确想要禁用垂直方向的滚动的时候 */
vLock: {
type: Boolean,
default: false
}
},
data () {
return {
swiper: null,
swiperWidth: 0,
slides: null,
slidesNumber: 0,
reallySlidesNumber: 0,
currentSlide: 0,
timer: null,
userDuration: 200,
pos: {
startX: 0,
moveX: 0,
endX: 0,
local: 0,
distance: 0
},
moving: false,
unlock: false,
activeId: '',
mousedown: false,
box: '',
isOnly: false
}
},
mounted () {
this.box = 'swiper-box-' + Math.random().toFixed(2) * 1000
setTimeout(() => {
/* 初始化的时候, 拿到所有的 DOM 元素以及相关属性 */
this.initElement()
if (this.isOnly) {
return
}
/* 克隆两个节点, 用来实现 loop 效果 */
this.cloneSlide()
/* 克隆结束之后, 需要设置默认显示的slide */
this.setDefaultSlide()
/*
## start
设置默认slide之后, 就需要开始设置定时器, 自动轮播
*/
if (this.autoplay) {
this.play()
}
}, 100)
},
methods: {
/* 阻止容器的上下滚动, 并且只有在水平方向上面滚动超过 10px 才可以阻止 */
fn (e) {
if (this.vLock || Math.abs(this.pos.startX - this.pos.moveX) > 10) {
e.preventDefault()
}
},
/* 滑动到指定的页面 */
slideTo (index) {
if (!this.moving) {
const currentSlide = Math.round(Math.abs(this.left()) / this.swiperWidth)
/* 如果索引值不合法 或者和目前的值相等 */
if (index > this.slidesNumber - 2 - 1 || index < 0 || currentSlide === index + 1) {
return
}
this.moving = true
clearTimeout(this.timer)
/*
说明要往右边滑动
注意这里不管需要滑动多少个, duration 都是 300, 这个如果需要, 可以
自己根据起点/终点计算出一个合适的值.
*/
this.transitionDuration(300)
this.translateX(-this.swiperWidth * (index + 1))
}
},
next () {
if (!this.moving) {
clearTimeout(this.timer)
this.moving = true
this.transitionDuration(this.userDuration)
this.translateX(this.left() - this.swiperWidth)
}
},
previous () {
if (!this.moving) {
clearTimeout(this.timer)
this.moving = true
this.transitionDuration(this.userDuration)
this.translateX(this.left() + this.swiperWidth)
}
},
initElement () {
/* 因为传递过来的是个字符串, 所以要手动加点 */
this.swiper = document.querySelector('.' + this.box)
this.swiperWidth = this.swiper.clientWidth
this.slides = toArray(this.swiper.children)
this.slidesNumber = this.slides.length
/* 实际的 slide 个数, 因为 slidesNumber 会在后面重新赋值 */
this.reallySlidesNumber = this.slides.length
/* 如果就仅仅只有一个 slide, 那么不克隆, 不绑定, 就纯展示就可以了 */
if (this.reallySlidesNumber === 1) {
this.isOnly = true
}
},
cloneSlide () {
const head = this.slides[0].cloneNode(this.slides[0], true)
const tail = this.slides[this.slidesNumber - 1].cloneNode(this.slides[this.slidesNumber - 1], true)
this.swiper.appendChild(head)
this.swiper.insertBefore(tail, this.slides[0])
/* 克隆节点之后, 需要重置一些属性 */
this.slides = toArray(this.swiper.children)
this.slidesNumber = this.slides.length
},
/* 根据用户给定的 defaultSlide 设置 init slide 的值 */
setDefaultSlide () {
/*
一切用户给定的值, 都是从 0 - x 开始, 比如用户数据里面有 6个数据
那么给定的就是 0 - 5
但是我们内部运算的时候, 实际上我们的索引能到 0 - 7
0 是实际的 5 的拷贝, 7 实际上是实际的0的拷贝
所以当用户给定的 defaultSlide =0, 我们实际上是要让展示内部索引为 1 的元素
*/
/* 如果用户设置了一个非法值, 直接抛出异常 */
if (this.defaultSlide < 0 || this.defaultSlide > this.slidesNumber - 2 - 1) {
throw new Error('[swiper:Error]: You have set a wrong defaultSlide value with defaultSlide = ' + this.defaultSlide)
}
this.translateX(-this.swiperWidth * (this.defaultSlide + 1))
//
// this.currentSlide = this.defaultSlide;
},
/*
## start
*/
play () {
this.timer = setTimeout(() => {
clearTimeout(this.timer)
this.moving = true
this.unlock = false
this.transitionDuration(this.duration)
this.translateX(-(this.swiperWidth + Math.abs(this.left())))
}, this.interval)
},
transitionend () {
this.transitionDuration(0)
/*
一次滑动结束之后, 通过计算, 实际上我们可以拿到当前处于内部索引的第几个 slide
拿到这个 currentSlide 我们就知道当前是不是滚动到最后一个了
*/
const currentSlide = Math.round(Math.abs(this.left()) / this.swiperWidth)
this.currentSlide = currentSlide - 1
/* 如果滚动到最后一个, 那么就要瞬间跳转一下, 到外部看起来的第一个, 内部的 */
if (currentSlide === this.slidesNumber - 1) {
this.translateX(-this.swiperWidth)
this.currentSlide = 0
}
if (currentSlide === 0) {
this.translateX(-this.swiperWidth * (this.slidesNumber - 2))
this.currentSlide = this.slidesNumber - 3
}
this.$emit('transitionend', this.currentSlide)
/*
防止极限操作, 用户在滑动结束之后事件还没发送出去又滑动导致计算
结果错误, 所以等事件发出去之后再解开
*/
this.moving = false
/*
##start
*/
if (this.autoplay) {
this.play()
}
},
/* toushstart handler */
s (e) {
if (this.isOnly) {
return
}
if (e.type === 'mousedown' && !this.moving) {
this.mousedown = true
this.pos.startX = e.pageX
this.pos.local = this.left()
clearTimeout(this.timer)
this.transitionDuration(0)
} else {
this.activeId = toArray(e.changedTouches)[0].identifier
if (!this.moving) {
const active = e.touches.length - 1
clearTimeout(this.timer)
this.transitionDuration(0)
this.unlock = true
this.pos.startX = e.touches[active].clientX
/* 一次 touch 的 起始local 点, 是固定的 */
this.pos.local = this.left()
}
}
},
/* toushmove handler */
m (e) {
if (this.isOnly) {
return
}
if (e.type === 'mousemove' && this.mousedown && !this.moving) {
this.pos.moveX = e.pageX
this.pos.distance = this.pos.moveX - this.pos.startX
this.translateX(this.pos.local + this.pos.distance)
} else if (!this.moving && this.unlock) {
const active = e.touches.length - 1
this.pos.moveX = e.touches[active].clientX
this.pos.distance = this.pos.moveX - this.pos.startX
this.translateX(this.pos.local + this.pos.distance)
}
},
/* toushend handler */
e (e) {
if (this.isOnly) {
return
}
if (e.type === 'mouseup' && this.mousedown && !this.moving) {
this.mousedown = false
this.pos.endX = e.pageX
this.pos.distance = this.pos.endX - this.pos.startX
this.recover()
} else {
const curId = toArray(e.changedTouches)[0].identifier
if (!this.moving && this.unlock && (curId === this.activeId)) {
this.unlock = false
this.pos.endX = e.changedTouches[0].clientX
this.pos.distance = this.pos.endX - this.pos.startX
this.recover()
}
}
},
/* 响应用户滚动行为 */
recover () {
this.transitionDuration(this.userDuration)
const distance = Math.abs(this.left()) % this.swiperWidth
let point = []
let direction = ''
/*
主要是为了拿到当前状态下面, swiper 距离正常状态的, 左右移动的距离分别是多少.
*/
if (this.left() > 0) {
point = [distance, this.swiperWidth - distance]
} else {
point = [this.swiperWidth - distance, distance]
}
if (this.pos.distance > 0) {
direction = 'to-right'
} else if (this.pos.distance < 0) {
direction = 'to-left'
} else {
direction = 'none'
}
if (direction === 'none') {
if (this.autoplay) {
this.play()
}
}
if (direction === 'to-right') {
this.moving = true
/* 说明需要向右边移动 */
if (point[0] > this.therehold) {
this.translateX(this.left() + point[1])
const next = (this.left() + point[1]) / this.swiperWidth
if (Math.abs(next) === 0) {
this.unlock = false
}
} else {
this.translateX(this.left() - point[0])
}
}
if (direction === 'to-left') {
this.moving = true
if (point[1] > this.therehold) {
this.translateX(this.left() - point[0])
const next = (this.left() - point[0]) / this.swiperWidth
if (Math.abs(next) === this.slidesNumber - 1) {
this.unlock = false
}
} else {
this.translateX(this.left() + point[1])
}
}
},
translateX (value) {
this.swiper.style.transform = 'translate3d(' + value + 'px, 0, 0)'
},
transitionDuration (ms) {
this.swiper.style.transitionDuration = ms + 'ms'
},
left () {
return this.swiper.getBoundingClientRect().left
}
}
}
</script>
<style lang="stylus">
.swiper-container
position relative
width 100%
overflow hidden
.default-swiper-box
height 100%
width 100%
display flex
// 分页
.swiper-pagination
position absolute
bottom 10px
height 18px
width 100%
background transparent
display flex
align-items center
justify-content center
.swiper-dot
height 8px
width 8px
background #000
opacity 0.2
margin 0 5px
border-radius 50%
.swiper-dot-active
opacity 1
background #3498db
</style>

16
ecosystem.config.js Normal file
View File

@ -0,0 +1,16 @@
module.exports = {
apps: [{
name: 'blog-client',
script: './server/index.js',
watch: false,
max_memory_restart: '3G', // 超过多大内存自动重启，仅防止内存泄露有意义，需要根据自己的业务设置
env: {
NODE_ENV: 'production',
HOST: '0.0.0.0',
PORT: 8080
},
exec_mode: 'cluster', // 开启多线程模式，用于负载均衡
instances: 'max', // 启用多少个实例，可用于负载均衡
autorestart: true // 程序崩溃后自动重启
}]
}

32
layouts/common.styl
View File

@ -2,6 +2,12 @@
margin 0 margin 0
padding 0 padding 0
html
overflow hidden
body
overflow auto
body, html body, html
color #2e2f30 color #2e2f30
letter-spacing 0.5px letter-spacing 0.5px
@ -12,7 +18,6 @@ body, html
#__nuxt, .content #__nuxt, .content
width 100% width 100%
height 100%
max-width 1040px max-width 1040px
margin 0 auto margin 0 auto
position relative position relative
@ -87,7 +92,7 @@ footer
position fixed position fixed
right 8px right 8px
bottom 8px bottom 8px
z-index 999 z-index 998
padding 4px padding 4px
i i
@ -113,7 +118,7 @@ footer
.btn-footer .btn-footer
margin-top 50px margin-top 50px
font-size 12px font-size 12px
color #cccccc color #333
float left float left
i i
@ -124,6 +129,8 @@ footer
.btn-disable .btn-disable
color #dfdede !important color #dfdede !important
user-select none
cursor not-allowed
footer .footer footer .footer
color #a2a2a2 color #a2a2a2
@ -150,6 +157,7 @@ footer .footer
height 100% height 100%
width 295px width 295px
float left float left
box-shadow 8px 0px 11px 0px #fff
#rightContent #rightContent
margin-left 300px margin-left 300px
@ -206,6 +214,10 @@ input:-moz-placeholder
.links .links
margin-bottom 20px margin-bottom 20px
font-weight 300
li
margin-top 5px
.widgetTitle .widgetTitle
font-size 18px font-size 18px
@ -355,6 +367,9 @@ input:-moz-placeholder
white-space nowrap white-space nowrap
text-overflow ellipsis text-overflow ellipsis
img
width 100%
.posts .posts
margin-bottom 40px margin-bottom 40px
@ -406,9 +421,11 @@ input:-moz-placeholder
// 文章列表 // 文章列表
.pageList .pageList
.articleList:not(:first-child)
margin-top 30px
.articleList .articleList
background-color #fff background-color #fff
margin-top 30px
.articleImgs .articleImgs
width 100% width 100%
@ -507,7 +524,7 @@ input:-moz-placeholder
@media (max-width 768px) @media (max-width 768px)
.header .header
position fixed position fixed
z-index 999999 z-index 99999
width 100% width 100%
display block display block
box-sizing border-box box-sizing border-box
@ -531,7 +548,7 @@ input:-moz-placeholder
padding-top 6px padding-top 6px
cursor pointer cursor pointer
#leftBackgroundColor, #LeftMenu #LeftMenu
display none display none
#rightContent #rightContent
@ -556,3 +573,6 @@ blockquote
.articelContent .articelContent
a a
color #de8787 color #de8787
.toasted-container
z-index 9999999 !important

11
layouts/default.vue
View File

@ -19,7 +19,7 @@
.page-container .page-container
#LeftMenu(:style="'display: '+ showLeftMenuValue + ';' + isPhone") #LeftMenu(:style="'display: '+ showLeftMenuValue + ';' + isPhone")
LeftContent LeftContent
#rightContent #rightContent(@click='hiddenLeftMenu')
nuxt nuxt
Footer Footer
v-dialog v-dialog
@ -62,9 +62,14 @@ export default {
}, },
methods: { methods: {
showLeftMenu () { showLeftMenu () {
if (this.showLeftMenuValue !== 'block') { if (this.showLeftMenuValue === 'block') {
this.showLeftMenuValue = 'block' this.showLeftMenuValue = 'none'
} else { } else {
this.showLeftMenuValue = 'block'
}
},
hiddenLeftMenu () {
if (document.body.clientWidth < 768) {
this.showLeftMenuValue = 'none' this.showLeftMenuValue = 'none'
} }
} }

36
nuxt.config.js
View File

@ -1,8 +1,8 @@
const pkg = require('./package') const pkg = require('./package')
const DevBaseUrl = 'http://127.0.0.1:65534' const DevBaseUrl = 'http://127.0.0.1:65534'
// const DevBaseUrl = 'https://api.wyr.me'
const ProdBashUrl = 'https://api.wyr.me' const ProdBashUrl = 'https://api.wyr.me'
const ProdServerBashUrl = 'http://127.0.0.1:65534'
module.exports = { module.exports = {
mode: 'universal', mode: 'universal',
@ -50,9 +50,6 @@ module.exports = {
type: 'image/x-icon', type: 'image/x-icon',
href: '/favicon.ico' href: '/favicon.ico'
} }
],
script: [
{ src: 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js', async: true, 'data-ad-client': 'ca-pub-2143583075951360' }
] ]
}, },
@ -82,7 +79,9 @@ module.exports = {
src: '~/plugins/browser.js', src: '~/plugins/browser.js',
ssr: false ssr: false
}, },
{ src: '~/plugins/vue-js-modal', mode: 'client' } { src: '~/plugins/vue-js-modal', mode: 'client' },
{ src: '~/plugins/vue-toasted', mode: 'client' },
{ src: '~/plugins/v-viewer', mode: 'client' }
], ],
/* /*
@ -97,7 +96,19 @@ module.exports = {
*/ */
axios: { axios: {
// See https://github.com/nuxt-community/axios-module#options // See https://github.com/nuxt-community/axios-module#options
baseURL: process.env.NODE_ENV === 'development' ? DevBaseUrl : ProdBashUrl // 配置API接口地址 baseURL: process.env.NODE_ENV === 'development' ? DevBaseUrl : ProdServerBashUrl // 配置API接口地址
},
publicRuntimeConfig: {
axios: {
browserBaseURL: process.env.NODE_ENV === 'development' ? DevBaseUrl : ProdBashUrl
}
},
privateRuntimeConfig: {
axios: {
baseURL: process.env.NODE_ENV === 'development' ? DevBaseUrl : ProdServerBashUrl
}
}, },
/* /*
@ -118,7 +129,18 @@ module.exports = {
}) })
} }
}, },
vendor: ['moment'] vendor: ['moment'],
babel: {
plugins: [
[
'component',
{
libraryName: 'element-ui',
styleLibraryName: 'theme-chalk'
}
]
]
}
}, },
env: { env: {
version: pkg.version, version: pkg.version,

66
package.json
View File

@ -7,43 +7,49 @@
"scripts": { "scripts": {
"dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server", "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server",
"build": "nuxt build", "build": "nuxt build",
"start": "cross-env NODE_ENV=production HOST=0.0.0.0 PORT=80 node server/index.js", "start": "cross-env NODE_ENV=production HOST=0.0.0.0 PORT=8080 node server/index.js",
"generate": "nuxt generate", "generate": "nuxt generate",
"lint": "eslint --ext .js,.vue --ignore-path .gitignore --ignore-path .eslintignore .", "lint": "eslint --ext .js,.vue --ignore-path .gitignore --ignore-path .eslintignore .",
"precommit": "npm run lint" "precommit": "npm run lint"
}, },
"dependencies": { "dependencies": {
"@fortawesome/fontawesome-svg-core": "^1.2.26", "@fortawesome/fontawesome-svg-core": "^1.2.35",
"@fortawesome/free-brands-svg-icons": "^5.12.0", "@fortawesome/free-brands-svg-icons": "^5.15.3",
"@fortawesome/free-regular-svg-icons": "^5.12.0", "@fortawesome/free-regular-svg-icons": "^5.15.3",
"@fortawesome/free-solid-svg-icons": "^5.12.0", "@fortawesome/free-solid-svg-icons": "^5.15.3",
"@fortawesome/vue-fontawesome": "^0.1.8", "@fortawesome/vue-fontawesome": "^2.0.2",
"@nuxtjs/axios": "^5.8.0", "@nuxtjs/axios": "^5.13.6",
"cross-env": "^6.0.3", "cross-env": "^7.0.3",
"highlight.js": "^9.17.1", "element-ui": "^2.15.4",
"koa": "^2.11.0", "highlight.js": "^11.2.0",
"moment": "^2.27.0", "koa": "^2.13.1",
"nuxt": "^2.12.2", "moment": "^2.29.1",
"vditor": "^3.3.3", "nuxt": "^2.15.7",
"vue-js-modal": "^2.0.0-rc.3" "remark": "12.0.1",
"strip-markdown": "^4.1.0",
"v-viewer": "^1.6.4",
"vditor": "^3.8.6",
"vue-js-modal": "^2.0.1",
"vue-toasted": "^1.1.28"
}, },
"devDependencies": { "devDependencies": {
"@nuxtjs/eslint-config": "^2.0.0", "@nuxtjs/eslint-config": "^6.0.1",
"babel-eslint": "^10.0.3", "babel-eslint": "^10.0.3",
"eslint": "^6.7.2", "babel-plugin-component": "^1.1.1",
"eslint-config-standard": ">=14.1.0", "eslint": "^7.32.0",
"eslint-loader": "^3.0.3", "eslint-config-standard": ">=16.0.3",
"eslint-plugin-html": "^6.0.2", "eslint-loader": "^4.0.2",
"eslint-plugin-import": ">=2.19.1", "eslint-plugin-html": "^6.1.2",
"eslint-plugin-jest": "^23.1.1", "eslint-plugin-import": ">=2.23.4",
"eslint-plugin-jest": "^24.4.0",
"eslint-plugin-node": ">=10.0.0", "eslint-plugin-node": ">=10.0.0",
"eslint-plugin-promise": ">=4.2.1", "eslint-plugin-promise": ">=5.1.0",
"eslint-plugin-standard": ">=4.0.1", "eslint-plugin-standard": ">=5.0.0",
"eslint-plugin-vue": "^6.0.1", "eslint-plugin-vue": "^7.15.1",
"nodemon": "^2.0.2", "nodemon": "^2.0.12",
"pug": "^2.0.4", "pug": "^3.0.2",
"pug-plain-loader": "^1.0.0", "pug-plain-loader": "^1.1.0",
"stylus": "^0.54.7", "stylus": "^0.54.8",
"stylus-loader": "^3.0.2" "stylus-loader": "3.0.2"
} }
} }

66
pages/_terms/index.vue
View File

@ -2,43 +2,54 @@
.pageList .pageList
.articleContent(ref='articleImgs', v-if='Articels') .articleContent(ref='articleImgs', v-if='Articels')
article.articleList(v-for='(post, index) in Articels', :key='index') article.articleList(v-for='(post, index) in Articels', :key='index')
.articleImgs(v-if='post.postImages.length')
nuxt-link(:to="'/post/' + post.ID")
Swiper(:style="'height: ' + imageHeight + 'px'")
Slide(v-for="(imgUrl, inx) in post.postImages" :key="inx")
img(:src='imgUrl')
.articleAbstract .articleAbstract
nuxt-link(:to="'/post/' + post.ID") nuxt-link(:to='"/post/" + post.ID')
.articleTitle(v-html='post.post_title') .articleTitle(v-html='post.post_title')
.articalMeta .articalMeta
ul ul
li li
Icon(:icon="['far', 'calendar-alt']") Icon(:icon='["far", "calendar-alt"]')
| &nbsp; {{ post.post_date }} | &nbsp; {{ post.post_date }}
li li
Icon(:icon="['far', 'bookmark']") Icon(:icon='["far", "bookmark"]')
nuxt-link(v-for='(relationships, idx) in post.term_relationships', :key='idx', v-if='relationships.term_taxonomy', :to="'/' + relationships.term_taxonomy.term.slug") nuxt-link(
v-for='(relationships, idx) in post.term_relationships',
:key='idx',
v-if='relationships.term_taxonomy',
:to='"/" + relationships.term_taxonomy.term.slug'
)
span span
| &nbsp; {{ relationships.term_taxonomy.term.name }} | &nbsp; {{ relationships.term_taxonomy.term.name }}
li(v-if='post.postmetum.meta_value !== 0') li(v-if='post.postmetum.meta_value !== 0')
Icon(:icon="['fas', 'thermometer-' + post.hotValue]") Icon(:icon='["fas", "thermometer-" + post.hotValue]')
| &nbsp; {{ post.postmetum.meta_value }} | &nbsp; {{ post.postmetum.meta_value }}
.articelAbstractContent(v-html='post.post_excerpt || post.post_content') .articelAbstractContent(
v-html='post.post_excerpt || post.post_content'
)
.readMore .readMore
nuxt-link.readMoreBtn(:to="'/post/' + post.ID") nuxt-link.readMoreBtn(:to='"/post/" + post.ID')
| READ MORE | READ MORE
.Info(v-if='Info') .Info(v-if='Info')
| {{ Info }} | {{ Info }}
nuxt-link(:to="nowPage > 2 ? nowPath + '/page/' + (nowPage - 1) : nowPath + '/'", :class="nowPage > 1 ? 'btn-footer btn-prev ' : 'btn-footer btn-prev btn-disable'") nuxt-link(
Icon(:icon="['fas', 'chevron-left']") :to='nowPage > 2 ? nowPath + "/page/" + (nowPage - 1) : nowPath + "/"',
:class='nowPage > 1 ? "btn-footer btn-prev " : "btn-footer btn-prev btn-disable"'
)
Icon(:icon='["fas", "chevron-left"]')
| &nbsp; 上一页 | &nbsp; 上一页
nuxt-link(:to="(nowPage + 1) <= Math.ceil(ArticelsCount / 8) ? nowPath + '/page/' + (nowPage + 1) : '#'", :class="(nowPage + 1) <= Math.ceil(ArticelsCount / 8) ? 'btn-footer btn-next' : 'btn-footer btn-next btn-disable'") nuxt-link(
:to='nowPage + 1 <= Math.ceil(ArticelsCount / 8) ? nowPath + "/page/" + (nowPage + 1) : "#"',
:class='nowPage + 1 <= Math.ceil(ArticelsCount / 8) ? "btn-footer btn-next" : "btn-footer btn-next btn-disable"'
)
| 下一页 &nbsp; | 下一页 &nbsp;
Icon(:icon="['fas', 'chevron-right']") Icon(:icon='["fas", "chevron-right"]')
</template> </template>
<script> <script>
export default { export default {
validate ({ params }) {
return (params && params.terms) !== '404'
},
async asyncData ({ app, params, $axios }) { async asyncData ({ app, params, $axios }) {
let Info = null let Info = null
let Articels = [] let Articels = []
@ -64,11 +75,11 @@ export default {
Articels[n].postmetum = {} Articels[n].postmetum = {}
Articels[n].postmetum.meta_value = 0 Articels[n].postmetum.meta_value = 0
} }
Articels[n].postImages = []
} }
} else if (data.status === 404) { } else if (data.status === 404) {
Info = '未找到文章。' Info = '未找到文章。'
// redirect('/404')
// return
} }
return { return {
@ -82,25 +93,6 @@ export default {
}, },
mounted () { mounted () {
this.$finishLoad() this.$finishLoad()
this.analyseImages()
},
methods: {
async analyseImages () { // 图片大小分析及处理
const articleImgsWidth = this.$refs.articleImgs.getBoundingClientRect().width
this.imageHeight = articleImgsWidth * 0.5625
for (const n in this.Articels) {
if (this.Articels[n].postimages.length !== 0) {
for (const i in this.Articels[n].postimages) {
const data = await this.$axios.$get(this.Articels[n].postimages[i].guid + '?x-oss-process=image/info')
const widthValue = data.ImageWidth.value
const heightValue = data.ImageHeight.value
if (widthValue > articleImgsWidth && (articleImgsWidth * heightValue / widthValue > this.imageHeight) && this.Articels[n].postImages.length < 10) {
this.Articels[n].postImages.push(this.Articels[n].postimages[i].guid + '?x-oss-process=image/resize,m_lfit,w_' + articleImgsWidth)
}
}
}
}
}
} }
} }
</script> </script>

63
pages/_terms/page/_page.vue
View File

@ -2,39 +2,47 @@
.pageList .pageList
.articleContent(ref='articleImgs', v-if='Articels') .articleContent(ref='articleImgs', v-if='Articels')
article.articleList(v-for='(post, index) in Articels', :key='index') article.articleList(v-for='(post, index) in Articels', :key='index')
.articleImgs(v-if='post.postImages.length')
nuxt-link(:to="'/post/' + post.ID")
Swiper(:style="'height: ' + imageHeight + 'px'")
Slide(v-for="(imgUrl, inx) in post.postImages" :key="inx")
img(:src='imgUrl')
.articleAbstract .articleAbstract
nuxt-link(:to="'/post/' + post.ID") nuxt-link(:to='"/post/" + post.ID')
.articleTitle(v-html='post.post_title') .articleTitle(v-html='post.post_title')
.articalMeta .articalMeta
ul ul
li li
Icon(:icon="['far', 'calendar-alt']") Icon(:icon='["far", "calendar-alt"]')
| &nbsp; {{ post.post_date }} | &nbsp; {{ post.post_date }}
li li
Icon(:icon="['far', 'bookmark']") Icon(:icon='["far", "bookmark"]')
nuxt-link(v-for='(relationships, idx) in post.term_relationships', :key='idx', v-if='relationships.term_taxonomy', :to="'/' + relationships.term_taxonomy.term.slug") nuxt-link(
v-for='(relationships, idx) in post.term_relationships',
:key='idx',
v-if='relationships.term_taxonomy',
:to='"/" + relationships.term_taxonomy.term.slug'
)
span span
| &nbsp; {{ relationships.term_taxonomy.term.name }} | &nbsp; {{ relationships.term_taxonomy.term.name }}
li(v-if='post.postmetum.meta_value !== 0') li(v-if='post.postmetum.meta_value !== 0')
Icon(:icon="['fas', 'thermometer-' + post.hotValue]") Icon(:icon='["fas", "thermometer-" + post.hotValue]')
| &nbsp; {{ post.postmetum.meta_value }} | &nbsp; {{ post.postmetum.meta_value }}
.articelAbstractContent(v-html='post.post_excerpt || post.post_content') .articelAbstractContent(
v-html='post.post_excerpt || post.post_content'
)
.readMore .readMore
nuxt-link.readMoreBtn(:to="'/post/' + post.ID") nuxt-link.readMoreBtn(:to='"/post/" + post.ID')
| READ MORE | READ MORE
.Info(v-if='Info') .Info(v-if='Info')
| {{ Info }} | {{ Info }}
nuxt-link(:to="nowPage > 2 ? nowPath + '/page/' + (nowPage - 1) : nowPath + '/'", :class="nowPage > 1 ? 'btn-footer btn-prev' : 'btn-footer btn-prev btn-disable'") nuxt-link(
Icon(:icon="['fas', 'chevron-left']") :to='nowPage > 2 ? nowPath + "/page/" + (nowPage - 1) : nowPath + "/"',
:class='nowPage > 1 ? "btn-footer btn-prev" : "btn-footer btn-prev btn-disable"'
)
Icon(:icon='["fas", "chevron-left"]')
| &nbsp; 上一页 | &nbsp; 上一页
nuxt-link(:to="(nowPage + 1) <= Math.ceil(ArticelsCount / 8) ? nowPath + '/page/' + (nowPage + 1) : ''", :class="(nowPage + 1) <= Math.ceil(ArticelsCount / 8) ? 'btn-footer btn-next' : 'btn-footer btn-next btn-disable'") nuxt-link(
:to='nowPage + 1 <= Math.ceil(ArticelsCount / 8) ? nowPath + "/page/" + (nowPage + 1) : ""',
:class='nowPage + 1 <= Math.ceil(ArticelsCount / 8) ? "btn-footer btn-next" : "btn-footer btn-next btn-disable"'
)
| 下一页 &nbsp; | 下一页 &nbsp;
Icon(:icon="['fas', 'chevron-right']") Icon(:icon='["fas", "chevron-right"]')
</template> </template>
<script> <script>
@ -64,11 +72,11 @@ export default {
Articels[n].postmetum = {} Articels[n].postmetum = {}
Articels[n].postmetum.meta_value = 0 Articels[n].postmetum.meta_value = 0
} }
Articels[n].postImages = []
} }
} else if (data.status === 404) { } else if (data.status === 404) {
Info = '未找到文章。' Info = '未找到文章。'
// redirect('/404')
// return
} }
return { return {
@ -82,25 +90,6 @@ export default {
}, },
mounted () { mounted () {
this.$finishLoad() this.$finishLoad()
this.analyseImages()
},
methods: {
async analyseImages () { // 图片大小分析及处理
const articleImgsWidth = this.$refs.articleImgs.getBoundingClientRect().width
this.imageHeight = articleImgsWidth * 0.5625
for (const n in this.Articels) {
if (this.Articels[n].postimages.length !== 0) {
for (const i in this.Articels[n].postimages) {
const data = await this.$axios.$get(this.Articels[n].postimages[i].guid + '?x-oss-process=image/info')
const widthValue = data.ImageWidth.value
const heightValue = data.ImageHeight.value
if (widthValue > articleImgsWidth && (articleImgsWidth * heightValue / widthValue > this.imageHeight) && this.Articels[n].postImages.length < 10) {
this.Articels[n].postImages.push(this.Articels[n].postimages[i].guid + '?x-oss-process=image/resize,m_lfit,w_' + articleImgsWidth)
}
}
}
}
}
} }
} }
</script> </script>

50
pages/auth.vue
View File

@ -12,10 +12,57 @@ export default {
}, },
async mounted () { async mounted () {
const code = this.$route.query.code const code = this.$route.query.code
const type = this.$route.query.type
const state = this.$route.query.state.split('-')
if (!code) { this.notice = '<p style="color: #999">非法访问，缺少授权参数"code"。<p><br><br> <a href="https://www.wyr.me" target="_blank">返回首页<a>'; this.$finishLoad(); return } if (!code) { this.notice = '<p style="color: #999">非法访问，缺少授权参数"code"。<p><br><br> <a href="https://www.wyr.me" target="_blank">返回首页<a>'; this.$finishLoad(); return }
const { data } = await this.$axios.post('http://127.0.0.1:65534/visitor/user/auth', { if (type === 'weixin') {
const { data } = await this.$axios.post(`${process.env.baseURL}/visitor/user/weixin`, {
code,
app: 'wx9d5e677f533d1e84'
})
if (data.status !== 1) {
this.$toasted.show('微信登录失败，请重试或换用其它登录方式。', {
position: 'top-center'
})
this.$finishLoad()
return
} else {
try {
window.localStorage.visitorToken = data.result.token
window.localStorage.visitorInfo = JSON.stringify(data.result.visitorInfo)
window.location.href = 'https://www.wyr.me/post/' + state[1] + '?hash=comment'
} catch (_) { }
}
return
}
if (state[0] === 'weibo' || state[0] === 'qq') {
const { data } = await this.$axios.post(`${process.env.baseURL}/visitor/user/` + state[0], {
code
})
if (data.status !== 1) {
this.$toasted.show((state[0] === 'weibo' ? '微博' : 'QQ') + '登录失败，请重试或换用其它登录方式。', {
position: 'top-center'
})
this.$finishLoad()
return
} else {
try {
window.localStorage.visitorToken = data.result.token
window.localStorage.visitorInfo = JSON.stringify(data.result.visitorInfo)
window.location.href = 'https://www.wyr.me/post/' + state[1] + '?hash=comment'
} catch (_) { }
}
return
}
const { data } = await this.$axios.post('/visitor/user/auth', {
type: 'github', type: 'github',
code code
}) })
@ -26,7 +73,6 @@ export default {
return return
} }
window.opener.localStorage.visitorToken = data.result
window.opener.authSuccess(data) window.opener.authSuccess(data)
window.close() window.close()

63
pages/index.vue
View File

@ -2,39 +2,47 @@
.pageList .pageList
.articleContent(ref='articleImgs', v-if='Articels') .articleContent(ref='articleImgs', v-if='Articels')
article.articleList(v-for='(post, index) in Articels', :key='index') article.articleList(v-for='(post, index) in Articels', :key='index')
.articleImgs(v-if='post.postImages.length')
nuxt-link(:to="'/post/' + post.ID")
Swiper(:style="'height: ' + imageHeight + 'px'")
Slide(v-for="(imgUrl, inx) in post.postImages" :key="inx")
img(:src='imgUrl')
.articleAbstract .articleAbstract
nuxt-link(:to="'/post/' + post.ID") nuxt-link(:to='"/post/" + post.ID')
.articleTitle(v-html='post.post_title') .articleTitle(v-html='post.post_title')
.articalMeta .articalMeta
ul ul
li li
Icon(:icon="['far', 'calendar-alt']") Icon(:icon='["far", "calendar-alt"]')
| &nbsp; {{ post.post_date }} | &nbsp; {{ post.post_date }}
li li
Icon(:icon="['far', 'bookmark']") Icon(:icon='["far", "bookmark"]')
nuxt-link(v-for='(relationships, idx) in post.term_relationships', :key='idx', v-if='relationships.term_taxonomy', :to="'/' + relationships.term_taxonomy.term.slug") nuxt-link(
v-for='(relationships, idx) in post.term_relationships',
:key='idx',
v-if='relationships.term_taxonomy',
:to='"/" + relationships.term_taxonomy.term.slug'
)
span span
| &nbsp; {{ relationships.term_taxonomy.term.name }} | &nbsp; {{ relationships.term_taxonomy.term.name }}
li(v-if='post.postmetum.meta_value !== 0') li(v-if='post.postmetum.meta_value !== 0')
Icon(:icon="['fas', 'thermometer-' + post.hotValue]") Icon(:icon='["fas", "thermometer-" + post.hotValue]')
| &nbsp; {{ post.postmetum.meta_value }} | &nbsp; {{ post.postmetum.meta_value }}
.articelAbstractContent(v-html='post.post_excerpt || post.post_content') .articelAbstractContent(
v-html='post.post_excerpt || post.post_content'
)
.readMore .readMore
nuxt-link.readMoreBtn(:to="'/post/' + post.ID") nuxt-link.readMoreBtn(:to='"/post/" + post.ID')
| READ MORE | READ MORE
.Info(v-if='Info') .Info(v-if='Info')
| {{ Info }} | {{ Info }}
nuxt-link(:to="nowPage > 2 ? nowPath + '/page/' + (nowPage - 1) : nowPath + '/'", :class="nowPage > 1 ? 'btn-footer btn-prev ' : 'btn-footer btn-prev btn-disable'") nuxt-link(
Icon(:icon="['fas', 'chevron-left']") :to='nowPage > 2 ? nowPath + "/page/" + (nowPage - 1) : nowPath + "/"',
:class='nowPage > 1 ? "btn-footer btn-prev " : "btn-footer btn-prev btn-disable"'
)
Icon(:icon='["fas", "chevron-left"]')
| &nbsp; 上一页 | &nbsp; 上一页
nuxt-link(:to="(nowPage + 1) <= Math.ceil(ArticelsCount / 8) ? nowPath + '/page/' + (nowPage + 1) : '#'", :class="(nowPage + 1) <= Math.ceil(ArticelsCount / 8) ? 'btn-footer btn-next' : 'btn-footer btn-next btn-disable'") nuxt-link(
:to='nowPage + 1 <= Math.ceil(ArticelsCount / 8) ? nowPath + "/page/" + (nowPage + 1) : "#"',
:class='nowPage + 1 <= Math.ceil(ArticelsCount / 8) ? "btn-footer btn-next" : "btn-footer btn-next btn-disable"'
)
| 下一页 &nbsp; | 下一页 &nbsp;
Icon(:icon="['fas', 'chevron-right']") Icon(:icon='["fas", "chevron-right"]')
</template> </template>
<script> <script>
@ -65,11 +73,11 @@ export default {
Articels[n].postmetum = {} Articels[n].postmetum = {}
Articels[n].postmetum.meta_value = 0 Articels[n].postmetum.meta_value = 0
} }
Articels[n].postImages = []
} }
} else if (data.status === 404) { } else if (data.status === 404) {
Info = '未找到文章。' Info = '未找到文章。'
// redirect('/404')
// return
} }
return { return {
@ -83,25 +91,6 @@ export default {
}, },
mounted () { mounted () {
this.$finishLoad() this.$finishLoad()
this.analyseImages()
},
methods: {
async analyseImages () { // 图片大小分析及处理
const articleImgsWidth = this.$refs.articleImgs.getBoundingClientRect().width
this.imageHeight = articleImgsWidth * 0.5625
for (const n in this.Articels) {
if (this.Articels[n].postimages.length !== 0) {
for (const i in this.Articels[n].postimages) {
const data = await this.$axios.$get(this.Articels[n].postimages[i].guid + '?x-oss-process=image/info')
const widthValue = data.ImageWidth.value
const heightValue = data.ImageHeight.value
if (widthValue > articleImgsWidth && (articleImgsWidth * heightValue / widthValue > this.imageHeight) && this.Articels[n].postImages.length < 10) {
this.Articels[n].postImages.push(this.Articels[n].postimages[i].guid + '?x-oss-process=image/resize,m_lfit,w_' + articleImgsWidth)
}
}
}
}
}
} }
} }
</script> </script>

63
pages/links.vue Normal file
View File

@ -0,0 +1,63 @@
<template lang="pug">
.links
.Info(v-if='Info')
| {{ Info }}
h1.title
| 首页友链
ul
li
a(href='https://wintc.top/', target='_blank') 沐码小站
li
a(href='https://johnsonlee.site/', target='_blank') Johnson Blog
li
a(href='https://www.lfhacks.com/', target='_blank') LFhacks
h1.title
| 内页友链
ul
li
a(href='http://www.zzfly.net/', target='_blank') 烟花易冷
h1.title
| 暂时取消的友链
ul
li
| 前端视角 （网站无法访问）
li
| 会打篮球的程序猿 （网站无法访问）
li
| 西秦公子 （友链长期缺失）
h1.title
| 友链说明
p
| 本站友链遵循对等原则，即您的友链放置于首页，我的友链也放置于首页。
p
| 交换友链请通过左侧头像下方的联系方式与我联系。只要网站/博客能正常打开，不定时更新原创文章即可。
</template>
<script>
export default {
asyncData ({ app, params, $axios }) {
return {
Info: ''
}
},
mounted () {
this.$finishLoad()
}
}
</script>
<style lang="stylus" scoped>
.links
width 100%
height 100%
padding 50px
.title
margin-top 60px
margin-bottom 20px
font-weight 500
</style>

47
pages/p.vue Normal file
View File

@ -0,0 +1,47 @@
<template lang="pug">
.pClass
Form(ref='form', :model='form', label-width='120px')
FormItem(label='请输入文章编号')
Input(v-model='form.no', size='small', @keyup.enter='onSubmit')
FormItem
Button(type='primary', size='small', @click='onSubmit')
| 确定
</template>
<script>
import { Form, FormItem, Input, Switch, Button } from 'element-ui'
export default {
components: {
Form, FormItem, Input, VueSwitch: Switch, Button
},
layout: 'auth',
data () {
return {
form: {
no: ''
}
}
},
mounted () {
this.$finishLoad()
},
methods: {
onSubmit () {
if (!this.form.no) {
alert('请输入文章编号')
return
}
this.$router.push('/post/' + this.form.no + '#comment')
}
}
}
</script>
<style lang="stylus" scoped>
.pClass
width 100%
height 100%
padding 50px 20px
box-sizing border-box
</style>

63
pages/page/_page.vue
View File

@ -2,39 +2,47 @@
.pageList .pageList
.articleContent(ref='articleImgs', v-if='Articels') .articleContent(ref='articleImgs', v-if='Articels')
article.articleList(v-for='(post, index) in Articels', :key='index') article.articleList(v-for='(post, index) in Articels', :key='index')
.articleImgs(v-if='post.postImages.length')
nuxt-link(:to="'/post/' + post.ID")
Swiper(:style="'height: ' + imageHeight + 'px'")
Slide(v-for="(imgUrl, inx) in post.postImages" :key="inx")
img(:src='imgUrl')
.articleAbstract .articleAbstract
nuxt-link(:to="'/post/' + post.ID") nuxt-link(:to='"/post/" + post.ID')
.articleTitle(v-html='post.post_title') .articleTitle(v-html='post.post_title')
.articalMeta .articalMeta
ul ul
li li
Icon(:icon="['far', 'calendar-alt']") Icon(:icon='["far", "calendar-alt"]')
| &nbsp; {{ post.post_date }} | &nbsp; {{ post.post_date }}
li li
Icon(:icon="['far', 'bookmark']") Icon(:icon='["far", "bookmark"]')
nuxt-link(v-for='(relationships, idx) in post.term_relationships', :key='idx', v-if='relationships.term_taxonomy', :to="'/' + relationships.term_taxonomy.term.slug") nuxt-link(
v-for='(relationships, idx) in post.term_relationships',
:key='idx',
v-if='relationships.term_taxonomy',
:to='"/" + relationships.term_taxonomy.term.slug'
)
span span
| &nbsp; {{ relationships.term_taxonomy.term.name }} | &nbsp; {{ relationships.term_taxonomy.term.name }}
li(v-if='post.postmetum.meta_value !== 0') li(v-if='post.postmetum.meta_value !== 0')
Icon(:icon="['fas', 'thermometer-' + post.hotValue]") Icon(:icon='["fas", "thermometer-" + post.hotValue]')
| &nbsp; {{ post.postmetum.meta_value }} | &nbsp; {{ post.postmetum.meta_value }}
.articelAbstractContent(v-html='post.post_excerpt || post.post_content') .articelAbstractContent(
v-html='post.post_excerpt || post.post_content'
)
.readMore .readMore
nuxt-link.readMoreBtn(:to="'/post/' + post.ID") nuxt-link.readMoreBtn(:to='"/post/" + post.ID')
| READ MORE | READ MORE
.Info(v-if='Info') .Info(v-if='Info')
| {{ Info }} | {{ Info }}
nuxt-link(:to="nowPage > 2 ? nowPath + '/page/' + (nowPage - 1) : nowPath + '/'", :class="nowPage > 1 ? 'btn-footer btn-prev ' : 'btn-footer btn-prev btn-disable'") nuxt-link(
Icon(:icon="['fas', 'chevron-left']") :to='nowPage > 2 ? nowPath + "/page/" + (nowPage - 1) : nowPath + "/"',
:class='nowPage > 1 ? "btn-footer btn-prev " : "btn-footer btn-prev btn-disable"'
)
Icon(:icon='["fas", "chevron-left"]')
| &nbsp; 上一页 | &nbsp; 上一页
nuxt-link(:to="(nowPage + 1) <= Math.ceil(ArticelsCount / 8) ? nowPath + '/page/' + (nowPage + 1) : '#'", :class="(nowPage + 1) <= Math.ceil(ArticelsCount / 8) ? 'btn-footer btn-next' : 'btn-footer btn-next btn-disable'") nuxt-link(
:to='nowPage + 1 <= Math.ceil(ArticelsCount / 8) ? nowPath + "/page/" + (nowPage + 1) : "#"',
:class='nowPage + 1 <= Math.ceil(ArticelsCount / 8) ? "btn-footer btn-next" : "btn-footer btn-next btn-disable"'
)
| 下一页 &nbsp; | 下一页 &nbsp;
Icon(:icon="['fas', 'chevron-right']") Icon(:icon='["fas", "chevron-right"]')
</template> </template>
<script> <script>
@ -64,11 +72,11 @@ export default {
Articels[n].postmetum = {} Articels[n].postmetum = {}
Articels[n].postmetum.meta_value = 0 Articels[n].postmetum.meta_value = 0
} }
Articels[n].postImages = []
} }
} else if (data.status === 404) { } else if (data.status === 404) {
Info = '未找到文章。' Info = '未找到文章。'
// redirect('/404')
// return
} }
return { return {
@ -82,25 +90,6 @@ export default {
}, },
mounted () { mounted () {
this.$finishLoad() this.$finishLoad()
this.analyseImages()
},
methods: {
async analyseImages () { // 图片大小分析及处理
const articleImgsWidth = this.$refs.articleImgs.getBoundingClientRect().width
this.imageHeight = articleImgsWidth * 0.5625
for (const n in this.Articels) {
if (this.Articels[n].postimages.length !== 0) {
for (const i in this.Articels[n].postimages) {
const data = await this.$axios.$get(this.Articels[n].postimages[i].guid + '?x-oss-process=image/info')
const widthValue = data.ImageWidth.value
const heightValue = data.ImageHeight.value
if (widthValue > articleImgsWidth && (articleImgsWidth * heightValue / widthValue > this.imageHeight) && this.Articels[n].postImages.length < 10) {
this.Articels[n].postImages.push(this.Articels[n].postimages[i].guid + '?x-oss-process=image/resize,m_lfit,w_' + articleImgsWidth)
}
}
}
}
}
} }
} }
</script> </script>

1150
pages/post/_id.vue
View File

File diff suppressed because it is too large Load Diff

47
pages/post/p.vue Normal file
View File

@ -0,0 +1,47 @@
<template lang="pug">
.pClass
Form(ref='form', :model='form', label-width='120px')
FormItem(label='请输入文章编号')
Input(v-model='form.no', size='small', @keyup.enter='onSubmit')
FormItem
Button(type='primary', size='small', @click='onSubmit')
| 确定
</template>
<script>
import { Form, FormItem, Input, Switch, Button } from 'element-ui'
export default {
components: {
Form, FormItem, Input, VueSwitch: Switch, Button
},
layout: 'auth',
data () {
return {
form: {
no: ''
}
}
},
mounted () {
this.$finishLoad()
},
methods: {
onSubmit () {
if (!this.form.no) {
alert('请输入文章编号')
return
}
this.$router.push('/post/' + this.form.no + '#comment')
}
}
}
</script>
<style lang="stylus" scoped>
.pClass
width 100%
height 100%
padding 50px 20px
box-sizing border-box
</style>

63
pages/search/index.vue
View File

@ -2,44 +2,52 @@
.pageList .pageList
.articleContent(ref='articleImgs', v-if='Articels') .articleContent(ref='articleImgs', v-if='Articels')
article.articleList(v-for='(post, index) in Articels', :key='index') article.articleList(v-for='(post, index) in Articels', :key='index')
.articleImgs(v-if='post.postImages.length')
nuxt-link(:to="'/post/' + post.ID")
Swiper(:style="'height: ' + imageHeight + 'px'")
Slide(v-for="(imgUrl, inx) in post.postImages" :key="inx")
img(:src='imgUrl')
.articleAbstract .articleAbstract
nuxt-link(:to="'/post/' + post.ID") nuxt-link(:to='"/post/" + post.ID')
.articleTitle(v-html='post.post_title') .articleTitle(v-html='post.post_title')
.articalMeta .articalMeta
ul ul
li li
Icon(:icon="['far', 'calendar-alt']") Icon(:icon='["far", "calendar-alt"]')
| &nbsp; {{ post.post_date }} | &nbsp; {{ post.post_date }}
li li
Icon(:icon="['far', 'bookmark']") Icon(:icon='["far", "bookmark"]')
nuxt-link(v-for='(relationships, idx) in post.term_relationships', :key='idx', v-if='relationships.term_taxonomy', :to="'/' + relationships.term_taxonomy.term.slug") nuxt-link(
v-for='(relationships, idx) in post.term_relationships',
:key='idx',
v-if='relationships.term_taxonomy',
:to='"/" + relationships.term_taxonomy.term.slug'
)
span span
| &nbsp; {{ relationships.term_taxonomy.term.name }} | &nbsp; {{ relationships.term_taxonomy.term.name }}
li(v-if='post.postmetum.meta_value !== 0') li(v-if='post.postmetum.meta_value !== 0')
Icon(:icon="['fas', 'thermometer-' + post.hotValue]") Icon(:icon='["fas", "thermometer-" + post.hotValue]')
| &nbsp; {{ post.postmetum.meta_value }} | &nbsp; {{ post.postmetum.meta_value }}
.articelAbstractContent(v-html='post.post_excerpt || post.post_content') .articelAbstractContent(
v-html='post.post_excerpt || post.post_content'
)
.readMore .readMore
nuxt-link.readMoreBtn(:to="'/post/' + post.ID") nuxt-link.readMoreBtn(:to='"/post/" + post.ID')
| READ MORE | READ MORE
.Info(v-if='Info') .Info(v-if='Info')
| {{ Info }} | {{ Info }}
nuxt-link(:to="nowPage > 2 ? nowPath + '/page/' + (nowPage - 1) : nowPath + '/'", :class="nowPage > 1 ? 'btn-footer btn-prev ' : 'btn-footer btn-prev btn-disable'") nuxt-link(
Icon(:icon="['fas', 'chevron-left']") :to='nowPage > 2 ? nowPath + "/page/" + (nowPage - 1) : nowPath + "/"',
:class='nowPage > 1 ? "btn-footer btn-prev " : "btn-footer btn-prev btn-disable"'
)
Icon(:icon='["fas", "chevron-left"]')
| &nbsp; 上一页 | &nbsp; 上一页
nuxt-link(:to="(nowPage + 1) <= Math.ceil(ArticelsCount / 8) ? nowPath + '/page/' + (nowPage + 1) : '#'", :class="(nowPage + 1) <= Math.ceil(ArticelsCount / 8) ? 'btn-footer btn-next' : 'btn-footer btn-next btn-disable'") nuxt-link(
:to='nowPage + 1 <= Math.ceil(ArticelsCount / 8) ? nowPath + "/page/" + (nowPage + 1) : "#"',
:class='nowPage + 1 <= Math.ceil(ArticelsCount / 8) ? "btn-footer btn-next" : "btn-footer btn-next btn-disable"'
)
| 下一页 &nbsp; | 下一页 &nbsp;
Icon(:icon="['fas', 'chevron-right']") Icon(:icon='["fas", "chevron-right"]')
</template> </template>
<script> <script>
export default { export default {
async asyncData ({ app, params, query, $axios }) { async asyncData ({ app, params, query, $axios, redirect }) {
let Info = null let Info = null
let Articels = [] let Articels = []
const nowPage = params.page ? parseInt(params.page) : 1 const nowPage = params.page ? parseInt(params.page) : 1
@ -69,6 +77,8 @@ export default {
} }
} else if (data.status === 404) { } else if (data.status === 404) {
Info = '未找到文章。' Info = '未找到文章。'
// redirect('/404')
// return
} }
return { return {
@ -82,25 +92,6 @@ export default {
}, },
mounted () { mounted () {
this.$finishLoad() this.$finishLoad()
this.analyseImages()
},
methods: {
async analyseImages () { // 图片大小分析及处理
const articleImgsWidth = this.$refs.articleImgs.getBoundingClientRect().width
this.imageHeight = articleImgsWidth * 0.5625
for (const n in this.Articels) {
if (this.Articels[n].postimages.length !== 0) {
for (const i in this.Articels[n].postimages) {
const data = await this.$axios.$get(this.Articels[n].postimages[i].guid + '?x-oss-process=image/info')
const widthValue = data.ImageWidth.value
const heightValue = data.ImageHeight.value
if (widthValue > articleImgsWidth && (articleImgsWidth * heightValue / widthValue > this.imageHeight) && this.Articels[n].postImages.length < 10) {
this.Articels[n].postImages.push(this.Articels[n].postimages[i].guid + '?x-oss-process=image/resize,m_lfit,w_' + articleImgsWidth)
}
}
}
}
}
} }
} }
</script> </script>

63
pages/tag/_terms/index.vue
View File

@ -2,39 +2,47 @@
.pageList .pageList
.articleContent(ref='articleImgs', v-if='Articels') .articleContent(ref='articleImgs', v-if='Articels')
article.articleList(v-for='(post, index) in Articels', :key='index') article.articleList(v-for='(post, index) in Articels', :key='index')
.articleImgs(v-if='post.postImages.length')
nuxt-link(:to="'/post/' + post.ID")
Swiper(:style="'height: ' + imageHeight + 'px'")
Slide(v-for="(imgUrl, inx) in post.postImages" :key="inx")
img(:src='imgUrl')
.articleAbstract .articleAbstract
nuxt-link(:to="'/post/' + post.ID") nuxt-link(:to='"/post/" + post.ID')
.articleTitle(v-html='post.post_title') .articleTitle(v-html='post.post_title')
.articalMeta .articalMeta
ul ul
li li
Icon(:icon="['far', 'calendar-alt']") Icon(:icon='["far", "calendar-alt"]')
| &nbsp; {{ post.post_date }} | &nbsp; {{ post.post_date }}
li li
Icon(:icon="['far', 'bookmark']") Icon(:icon='["far", "bookmark"]')
nuxt-link(v-for='(relationships, idx) in post.term_relationships', :key='idx', v-if='relationships.term_taxonomy', :to="'/' + relationships.term_taxonomy.term.slug") nuxt-link(
v-for='(relationships, idx) in post.term_relationships',
:key='idx',
v-if='relationships.term_taxonomy',
:to='"/" + relationships.term_taxonomy.term.slug'
)
span span
| &nbsp; {{ relationships.term_taxonomy.term.name }} | &nbsp; {{ relationships.term_taxonomy.term.name }}
li(v-if='post.postmetum.meta_value !== 0') li(v-if='post.postmetum.meta_value !== 0')
Icon(:icon="['fas', 'thermometer-' + post.hotValue]") Icon(:icon='["fas", "thermometer-" + post.hotValue]')
| &nbsp; {{ post.postmetum.meta_value }} | &nbsp; {{ post.postmetum.meta_value }}
.articelAbstractContent(v-html='post.post_excerpt || post.post_content') .articelAbstractContent(
v-html='post.post_excerpt || post.post_content'
)
.readMore .readMore
nuxt-link.readMoreBtn(:to="'/post/' + post.ID") nuxt-link.readMoreBtn(:to='"/post/" + post.ID')
| READ MORE | READ MORE
.Info(v-if='Info') .Info(v-if='Info')
| {{ Info }} | {{ Info }}
nuxt-link(:to="nowPage > 2 ? nowPath + '/page/' + (nowPage - 1) : nowPath + '/'", :class="nowPage > 1 ? 'btn-footer btn-prev ' : 'btn-footer btn-prev btn-disable'") nuxt-link(
Icon(:icon="['fas', 'chevron-left']") :to='nowPage > 2 ? nowPath + "/page/" + (nowPage - 1) : nowPath + "/"',
:class='nowPage > 1 ? "btn-footer btn-prev " : "btn-footer btn-prev btn-disable"'
)
Icon(:icon='["fas", "chevron-left"]')
| &nbsp; 上一页 | &nbsp; 上一页
nuxt-link(:to="(nowPage + 1) <= Math.ceil(ArticelsCount / 8) ? nowPath + '/page/' + (nowPage + 1) : '#'", :class="(nowPage + 1) <= Math.ceil(ArticelsCount / 8) ? 'btn-footer btn-next' : 'btn-footer btn-next btn-disable'") nuxt-link(
:to='nowPage + 1 <= Math.ceil(ArticelsCount / 8) ? nowPath + "/page/" + (nowPage + 1) : "#"',
:class='nowPage + 1 <= Math.ceil(ArticelsCount / 8) ? "btn-footer btn-next" : "btn-footer btn-next btn-disable"'
)
| 下一页 &nbsp; | 下一页 &nbsp;
Icon(:icon="['fas', 'chevron-right']") Icon(:icon='["fas", "chevron-right"]')
</template> </template>
<script> <script>
@ -64,11 +72,11 @@ export default {
Articels[n].postmetum = {} Articels[n].postmetum = {}
Articels[n].postmetum.meta_value = 0 Articels[n].postmetum.meta_value = 0
} }
Articels[n].postImages = []
} }
} else if (data.status === 404) { } else if (data.status === 404) {
Info = '未找到文章。' Info = '未找到文章。'
// redirect('/404')
// return
} }
return { return {
@ -82,25 +90,6 @@ export default {
}, },
mounted () { mounted () {
this.$finishLoad() this.$finishLoad()
this.analyseImages()
},
methods: {
async analyseImages () { // 图片大小分析及处理
const articleImgsWidth = this.$refs.articleImgs.getBoundingClientRect().width
this.imageHeight = articleImgsWidth * 0.5625
for (const n in this.Articels) {
if (this.Articels[n].postimages.length !== 0) {
for (const i in this.Articels[n].postimages) {
const data = await this.$axios.$get(this.Articels[n].postimages[i].guid + '?x-oss-process=image/info')
const widthValue = data.ImageWidth.value
const heightValue = data.ImageHeight.value
if (widthValue > articleImgsWidth && (articleImgsWidth * heightValue / widthValue > this.imageHeight) && this.Articels[n].postImages.length < 10) {
this.Articels[n].postImages.push(this.Articels[n].postimages[i].guid + '?x-oss-process=image/resize,m_lfit,w_' + articleImgsWidth)
}
}
}
}
}
} }
} }
</script> </script>

61
pages/tag/_terms/page/_page.vue
View File

@ -2,39 +2,47 @@
.pageList .pageList
.articleContent(ref='articleImgs', v-if='Articels') .articleContent(ref='articleImgs', v-if='Articels')
article.articleList(v-for='(post, index) in Articels', :key='index') article.articleList(v-for='(post, index) in Articels', :key='index')
.articleImgs(v-if='post.postImages.length')
nuxt-link(:to="'/post/' + post.ID")
Swiper(:style="'height: ' + imageHeight + 'px'")
Slide(v-for="(imgUrl, inx) in post.postImages" :key="inx")
img(:src='imgUrl')
.articleAbstract .articleAbstract
nuxt-link(:to="'/post/' + post.ID") nuxt-link(:to='"/post/" + post.ID')
.articleTitle(v-html='post.post_title') .articleTitle(v-html='post.post_title')
.articalMeta .articalMeta
ul ul
li li
Icon(:icon="['far', 'calendar-alt']") Icon(:icon='["far", "calendar-alt"]')
| &nbsp; {{ post.post_date }} | &nbsp; {{ post.post_date }}
li li
Icon(:icon="['far', 'bookmark']") Icon(:icon='["far", "bookmark"]')
nuxt-link(v-for='(relationships, idx) in post.term_relationships', :key='idx', v-if='relationships.term_taxonomy', :to="'/' + relationships.term_taxonomy.term.slug") nuxt-link(
v-for='(relationships, idx) in post.term_relationships',
:key='idx',
v-if='relationships.term_taxonomy',
:to='"/" + relationships.term_taxonomy.term.slug'
)
span span
| &nbsp; {{ relationships.term_taxonomy.term.name }} | &nbsp; {{ relationships.term_taxonomy.term.name }}
li(v-if='post.postmetum.meta_value !== 0') li(v-if='post.postmetum.meta_value !== 0')
Icon(:icon="['fas', 'thermometer-' + post.hotValue]") Icon(:icon='["fas", "thermometer-" + post.hotValue]')
| &nbsp; {{ post.postmetum.meta_value }} | &nbsp; {{ post.postmetum.meta_value }}
.articelAbstractContent(v-html='post.post_excerpt || post.post_content') .articelAbstractContent(
v-html='post.post_excerpt || post.post_content'
)
.readMore .readMore
nuxt-link.readMoreBtn(:to="'/post/' + post.ID") nuxt-link.readMoreBtn(:to='"/post/" + post.ID')
| READ MORE | READ MORE
.Info(v-if='Info') .Info(v-if='Info')
| {{ Info }} | {{ Info }}
nuxt-link(:to="nowPage > 2 ? nowPath + '/page/' + (nowPage - 1) : nowPath + '/'", :class="nowPage > 1 ? 'btn-footer btn-prev ' : 'btn-footer btn-prev btn-disable'") nuxt-link(
Icon(:icon="['fas', 'chevron-left']") :to='nowPage > 2 ? nowPath + "/page/" + (nowPage - 1) : nowPath + "/"',
:class='nowPage > 1 ? "btn-footer btn-prev " : "btn-footer btn-prev btn-disable"'
)
Icon(:icon='["fas", "chevron-left"]')
| &nbsp; 上一页 | &nbsp; 上一页
nuxt-link(:to="(nowPage + 1) <= Math.ceil(ArticelsCount / 8) ? nowPath + '/page/' + (nowPage + 1) : '#'", :class="(nowPage + 1) <= Math.ceil(ArticelsCount / 8) ? 'btn-footer btn-next' : 'btn-footer btn-next btn-disable'") nuxt-link(
:to='nowPage + 1 <= Math.ceil(ArticelsCount / 8) ? nowPath + "/page/" + (nowPage + 1) : "#"',
:class='nowPage + 1 <= Math.ceil(ArticelsCount / 8) ? "btn-footer btn-next" : "btn-footer btn-next btn-disable"'
)
| 下一页 &nbsp; | 下一页 &nbsp;
Icon(:icon="['fas', 'chevron-right']") Icon(:icon='["fas", "chevron-right"]')
</template> </template>
<script> <script>
@ -69,6 +77,8 @@ export default {
} }
} else if (data.status === 404) { } else if (data.status === 404) {
Info = '未找到文章。' Info = '未找到文章。'
// redirect('/404')
// return
} }
return { return {
@ -82,25 +92,6 @@ export default {
}, },
mounted () { mounted () {
this.$finishLoad() this.$finishLoad()
this.analyseImages()
},
methods: {
async analyseImages () { // 图片大小分析及处理
const articleImgsWidth = this.$refs.articleImgs.getBoundingClientRect().width
this.imageHeight = articleImgsWidth * 0.5625
for (const n in this.Articels) {
if (this.Articels[n].postimages.length !== 0) {
for (const i in this.Articels[n].postimages) {
const data = await this.$axios.$get(this.Articels[n].postimages[i].guid + '?x-oss-process=image/info')
const widthValue = data.ImageWidth.value
const heightValue = data.ImageHeight.value
if (widthValue > articleImgsWidth && (articleImgsWidth * heightValue / widthValue > this.imageHeight) && this.Articels[n].postImages.length < 10) {
this.Articels[n].postImages.push(this.Articels[n].postimages[i].guid + '?x-oss-process=image/resize,m_lfit,w_' + articleImgsWidth)
}
}
}
}
}
} }
} }
</script> </script>

8
plugins/browser.js
View File

@ -34,7 +34,7 @@ window.onload = function () {
currentPosition > window.screen.availHeight ? top.style.display = 'block' : top.style.display = 'none' currentPosition > window.screen.availHeight ? top.style.display = 'block' : top.style.display = 'none'
// 左部导航自动浮动 // 左部导航自动浮动
if (currentPosition > floatTop) { if (currentPosition > floatTop && document.body.clientWidth > 768) {
document.getElementById('navication').style.position = 'fixed' document.getElementById('navication').style.position = 'fixed'
} else { } else {
document.getElementById('navication').style.position = 'static' document.getElementById('navication').style.position = 'static'
@ -65,5 +65,9 @@ window.onload = function () {
window.Vditor = vditor window.Vditor = vditor
window.authSuccess = (data) => { // eslint-disable-line window.authSuccess = (data) => { // eslint-disable-line
console.log('授权成功', data) if (data.status === 1) {
try {
if (window.setAuthToken) { window.setAuthToken(data.result.token, data.result.visitorInfo) }
} catch (_) { }
}
} }

5
plugins/v-viewer.js Normal file
View File

@ -0,0 +1,5 @@
import 'viewerjs/dist/viewer.css'
import Viewer from 'v-viewer'
import Vue from 'vue'
Vue.use(Viewer)

3
plugins/vue-js-modal.js
View File

@ -1,4 +1,5 @@
import Vue from 'vue' import Vue from 'vue'
import VModal from 'vue-js-modal' import VModal from 'vue-js-modal/dist/ssr.nocss'
import 'vue-js-modal/dist/styles.css'
Vue.use(VModal, { dialog: true }) Vue.use(VModal, { dialog: true })

4
plugins/vue-toasted.js Normal file
View File

@ -0,0 +1,4 @@
import Vue from 'vue'
import Toasted from 'vue-toasted'
Vue.use(Toasted)

4
plugins/vue.js
View File

@ -30,7 +30,7 @@ import {
} from '@fortawesome/free-regular-svg-icons' } from '@fortawesome/free-regular-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome' import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
import hljs from 'highlight.js' import hljs from 'highlight.js'
import Swiper from '../components/Swiper' import { Loading } from 'element-ui'
import Slide from '../components/Slide' import Slide from '../components/Slide'
library.add( library.add(
@ -59,8 +59,8 @@ library.add(
) )
Vue.component('Icon', FontAwesomeIcon) Vue.component('Icon', FontAwesomeIcon)
Vue.component('Swiper', Vue.extend(Swiper))
Vue.component('Slide', Vue.extend(Slide)) Vue.component('Slide', Vue.extend(Slide))
Vue.use(Loading.directive)
export default function (ctx, inject) { export default function (ctx, inject) {
inject('getHatValue', (count, hotConst = 1000) => { inject('getHatValue', (count, hotConst = 1000) => {

8
release.sh
View File

@ -1,3 +1,9 @@
#!/bin/bash #!/bin/bash
yarn run build yarn run build
rsync -avr --delete-after --exclude ".git" . root@139.129.130.191:/root/site/blog-client && ssh root@139.129.130.191 'docker restart blog-client && docker restart blog-client1 && docker restart blog-client2 && docker restart blog-client3' rsync -avr --delete-after --exclude ".git" --exclude "node_modules" . root@manage.wyr.me:/root/blog-client
ssh -t -t root@manage.wyr.me << remotessh
source /root/.bashrc
cd /root/blog-client
yarn && pm2 restart blog-client && exit
remotessh

2
server/index.js
View File

@ -13,7 +13,7 @@ async function start () {
const nuxt = new Nuxt(config) const nuxt = new Nuxt(config)
const { const {
host = process.env.HOST || '127.0.0.1', host = process.env.HOST || '0.0.0.0',
port = process.env.PORT || 3000 port = process.env.PORT || 3000
} = nuxt.options.server } = nuxt.options.server

2
static/css/begin.css
View File

@ -1 +1 @@
.allSpinner{position:fixed;top:0;left:0;z-index:999999;width:100%;height:100%;background-color:#fff}.spinner{position:fixed;top:50%;left:50%;z-index:9999999;margin:75pt auto 0;margin-top:-1pc;margin-left:-75px;width:150px;text-align:center}.spinner>div{display:inline-block;width:30px;height:30px;border-radius:100%;background-color:#67cf22;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}} .allSpinner{position:fixed;top:0;left:0;z-index:999999;width:100%;height:100%;background-color:#fff}.spinner{position:fixed;top:50%;left:50%;z-index:9999999;margin:75pt auto 0;margin-top:-1pc;margin-left:-75px;width:150px;text-align:center}.spinner>div{display:inline-block;width:30px;height:30px;border-radius:100%;background-color:#272727;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}

8498
yarn.lock
View File

File diff suppressed because it is too large Load Diff