yacloud/hugo-PaperMod
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

增加了友情链接功能

Browse Source
This commit is contained in:
JohnathanLin 2023-05-03 16:10:57 +08:00
parent af9a7f7172
commit 5d1858d90f
3 changed files with 75 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
assets/css/common/post-single.css
View File

@ -407,3 +407,35 @@ div.book {
min-height: 250px; min-height: 250px;
vertical-align: top; vertical-align: top;
} }
div.friend-link {
width: 355px;
display: inline-block;
vertical-align: top;
padding: 0 10px;
margin-bottom: 10px;
}
div.friend-link div.friend-link-avatar {
width: 64px;
height: 64px;
float: left;
margin-right: 10px;
}
div.friend-link div.friend-link-avatar img {
margin: 0;
}
div.friend-link div.friend-link-name {
height: 32px;
font-size: 24px;
line-height: 32px;
}
div.friend-link div.friend-link-bio {
height: 32px;
font-size: 16px;
line-height: 32px;
overflow: hidden;
}

3
layouts/_default/baseof.html
View File

@ -3,6 +3,7 @@
<head> <head>
{{- partial "head.html" . }} {{- partial "head.html" . }}
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
</head> </head>
<body class=" <body class="
@ -18,6 +19,8 @@
{{- block "main" . }}{{ end }} {{- block "main" . }}{{ end }}
</main> </main>
{{ partialCached "footer.html" . .Layout .Kind (.Param "hideFooter") (.Param "ShowCodeCopyButtons") -}} {{ partialCached "footer.html" . .Layout .Kind (.Param "hideFooter") (.Param "ShowCodeCopyButtons") -}}
</body> </body>
</html> </html>

40
layouts/shortcodes/friendList.html Normal file
View File

@ -0,0 +1,40 @@
<script>
$( document ).ready(function() {
$.get("http://localhost:4367/api/getGithubFriend", { name: '{{ .Get "githubLoginList" }}' }, function(data) {
var dataObj = JSON.parse(data)
Object.keys(dataObj['data']).forEach(element => {
console.log(element, dataObj['data'][element])
$("div.post-content").append(' \
<div class="friend-link"> \
<a href="' + dataObj['data'][element]['websiteUrl'] +'" target="_blank"> \
<div class="friend-link-avatar"> \
<img src="' + dataObj['data'][element]['avatarUrl'] + '"/> \
</div> \
<div> \
<div class="friend-link-name">' + dataObj['data'][element]['name'] + '</div> \
<div class="friend-link-bio">' + dataObj['data'][element]['bioHTML'] + '</div> \
</div>\
</a>\
</div>'
)
});
});
});
</script>
<!-- template
<div class="friend-link">
<a href="http://www.baidu.com" target="_blank">
<div class="friend-link-avatar">
<img src="https://avatars.githubusercontent.com/u/24749960?v=4"/>
</div>
<div>
<div class="friend-link-name">Johnathan Lin</div>
<div class="friend-link-bio">Love Coding</div>
</div>
</a>
</div>
-->