1- <!DOCTYPE html> < html lang ="zh-CN "> < head > < meta http-equiv ="content-type " content ="text/html; charset=utf-8 "> < meta content ="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0 " name ="viewport "> < meta content ="yes " name ="apple-mobile-web-app-capable "> < meta content ="black-translucent " name ="apple-mobile-web-app-status-bar-style "> < meta content ="telephone=no " name ="format-detection "> < meta name ="description " content ="宠辱不惊,闲看庭前花开花落;去留无意,漫随天外云卷云舒 "> < title > “我的第一篇github博客” | 彼岸是海</ title > < link rel ="stylesheet " type ="text/css " href ="/css/style.css?v=1.0.5 "> < link rel ="stylesheet " type ="text/css " href ="//cdn.bootcss.com/normalize/8.0.0/normalize.min.css "> < link rel ="stylesheet " type ="text/css " href ="//cdn.bootcss.com/pure/1.0.0/pure-min.css "> < link rel ="stylesheet " type ="text/css " href ="//cdn.bootcss.com/pure/1.0.0/grids-responsive-min.css "> < link rel ="stylesheet " href ="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css "> < link rel ="stylesheet " href ="/css/swiper.min.css "> < style > html , body {position : relative;height : 100% ;}.swiper-container {height : 100% ;width : 100% ;-webkit-tap-highlight-color : transparent}.swiper-slide {height : auto;-webkit-box-sizing : border-box;box-sizing : border-box;-webkit-touch-callout : none;touch-callout : none;user-select : none;-webkit-user-select : none}.swiper-scrollbar-drag {background-color : rgba (0 , 0 , 0 , .3 )}.swiper-container-vertical > .swiper-scrollbar {right : 0 ;width : 3px }# rain-bg , .snow-bg {-webkit-touch-callout : none;touch-callout : none;user-select : none;-webkit-user-select : none;touch-action : none;-webkit-touch-action : none;-webkit-tap-highlight-color : transparent}.snow-bg > canvas , # rain-bg {-webkit-tap-highlight-color : transparent}# rocket {display : none}.icon {width : 1em ;height : 1em ;vertical-align : -0.15em ;fill : currentColor;overflow : hidden;}# rain-bg {position : fixed;top : 0 ;left : 0 ;width : 100% ;height : 100% ;pointer-events : none;z-index : 666 ;}</ style > < script type ="text/javascript " src ="//cdn.bootcss.com/jquery/3.3.1/jquery.min.js "> </ script > <!--script(src=url_for(theme.js) + '/swiper.min.js')--> < script type ="text/javascript " src ="https://cdn.jsdelivr.net/gh/yonggemengmengda/yonggemengmengda.github.io@latest/js/snowy.js "> </ script > < script type ="text/javascript " src ="https://cdn.jsdelivr.net/gh/yonggemengmengda/yonggemengmengda.github.io@latest/js/snow.js "> </ script > < script src ="https://cdn.jsdelivr.net/gh/yonggemengmengda/yonggemengmengda.github.io/css/fonts/iconfont.js "> </ script > < link rel ="Shortcut Icon " type ="image/x-icon " href ="/favicon.ico "> < link rel ="apple-touch-icon " href ="/apple-touch-icon.png "> < link rel ="apple-touch-icon-precomposed " href ="/apple-touch-icon.png "> </ head > < body > < div class ="snow-bg "> </ div > < canvas id ="rain-bg "> </ canvas > < div class ="wather-box "> < li class ="wather-sun "> < svg class ="icon " aria-hidden ="true "> < use xlink:href ="#icon-qingtian "> </ use > </ svg > </ li > < li class ="wather-cloudy "> < svg class ="icon " aria-hidden ="true "> < use xlink:href ="#icon-duoyun "> </ use > </ svg > </ li > < li class ="wather-rain "> < svg class ="icon " aria-hidden ="true "> < use xlink:href ="#icon-xiayu "> </ use > </ svg > </ li > < li class ="wather-snow active "> < svg class ="icon " aria-hidden ="true "> < use xlink:href ="#icon-xiaxue "> </ use > </ svg > </ li > </ div > < div class ="swiper-container " style ="overflow-y:auto!important "> < div class ="swiper-wrapper "> < div class ="swiper-slide "> < div id ="banner "> < div id ="header "> < div class ="site-name "> < h1 class ="hidden "> “我的第一篇github博客”</ h1 > < a id ="logo " href ="/. "> 彼岸是海</ a > < p class ="description "> 宠辱不惊,闲看庭前花开花落;去留无意,漫随天外云卷云舒</ p > </ div > < div id ="nav-menu "> < a class ="current " href ="/. "> < i class ="fa fa-home "> 首页</ i > </ a > < a href ="/archives/ "> < i class ="fa fa-archive "> 归档</ i > </ a > </ div > </ div > </ div > < div class ="body_container "> < div class ="pure-g " id ="layout "> < div class ="pure-u-1 pure-u-md-3-4 "> < div class ="content_container "> < div class ="post "> < h1 class ="post-title "> “我的第一篇github博客”</ h1 > < div class ="post-meta "> May 6, 2018< span > | </ span > < span class ="category "> < a href ="/categories/随笔/ "> 随笔</ a > </ span > </ div > < div class ="post-content "> < p > 这不是我的第一篇博文，很久之前我就用django搭建了个博客，功能也做得比较全< br > 在淘宝上买了个树莓派打算做服务器,,没有固定IP就使用花生壳的内网穿透< br > 一切就绪，当时也写了一些博文,今天搜博客主题忽然发现hexo比较好用，还是先搭个静态博客算了，< del > 反正也省钱了</ del > </ p >
2- < hr >
3- < p > 照着教程，一番鼓捣之下，也还凑合，后续的功能慢慢加吧…< br > 另外：< strong > Markdown</ strong > 语法真麻烦</ p >
4- </ div > < div class ="tags "> < a href ="/tags/随笔/ "> 随笔</ a > </ div > < div class ="post-nav "> < a class ="pre " href ="/2018/05/20/于自我/ "> 关于自我</ a > </ div > </ div > </ div > </ div > < div class ="pure-u-1-4 hidden_mid_and_down "> < div id ="sidebar "> < div class ="widget "> < form class ="search-form " action ="//www.google.com/search " method ="get " accept-charset ="utf-8 " target ="_blank "> < input type ="text " name ="q " maxlength ="20 " placeholder ="Search "/> < input type ="hidden " name ="sitesearch " value ="https://yongyang.site "/> </ form > </ div > < div class ="widget "> < div class ="widget-title "> < i class ="fa fa-folder-o "> 分类</ i > </ div > < ul class ="category-list "> < li class ="category-list-item "> < a class ="category-list-link " href ="/categories/js/ "> js</ a > </ li > < li class ="category-list-item "> < a class ="category-list-link " href ="/categories/随笔/ "> 随笔</ a > </ li > </ ul > </ div > < div class ="widget "> < div class ="widget-title "> < i class ="fa fa-star-o "> 标签</ i > </ div > < div class ="tagcloud "> < a href ="/tags/js/ " style ="font-size: 15px; "> js</ a > < a href ="/tags/随笔/ " style ="font-size: 15px; "> 随笔</ a > </ div > </ div > < div class ="widget "> < div class ="widget-title "> < i class ="fa fa-file-o "> 最近文章</ i > </ div > < ul class ="post-list "> < li class ="post-list-item "> < a class ="post-list-link " href ="/2022/01/02/智者不入爱河，愚者甘蹈覆辙/ "> 智者不入爱河，愚者甘蹈覆辙</ a > </ li > < li class ="post-list-item "> < a class ="post-list-link " href ="/2021/12/05/那年我27/ "> 那年我27</ a > </ li > < li class ="post-list-item "> < a class ="post-list-link " href ="/2021/10/24/懵懂的梦旅人/ "> 懵懂的梦旅人</ a > </ li > < li class ="post-list-item "> < a class ="post-list-link " href ="/2021/09/12/答案在风中飘扬/ "> 答案在风中飘扬</ a > </ li > < li class ="post-list-item "> < a class ="post-list-link " href ="/2021/08/17/世界/ "> 世界</ a > </ li > < li class ="post-list-item "> < a class ="post-list-link " href ="/2021/08/08/我已不再归去/ "> 我已不再归去</ a > </ li > < li class ="post-list-item "> < a class ="post-list-link " href ="/2021/08/07/生如夏花/ "> 生如夏花</ a > </ li > < li class ="post-list-item "> < a class ="post-list-link " href ="/2021/07/23/风的君王/ "> 童年是让你能忍受暮年的那股力量</ a > </ li > < li class ="post-list-item "> < a class ="post-list-link " href ="/2021/07/11/永恒/ "> 永恒</ a > </ li > < li class ="post-list-item "> < a class ="post-list-link " href ="/2021/07/11/我的孤独是一座花园/ "> 我的孤独是一座花园</ a > </ li > </ ul > </ div > < div class ="widget "> < div class ="widget-title "> < i class ="fa fa-external-link "> 友情链接</ i > </ div > < ul > </ ul > < a href ="https://github.com/yonggemengmengda " title ="勇哥萌萌哒 " target ="_blank "> 勇哥萌萌哒</ a > </ div > </ div > </ div > < div class ="pure-u-1 pure-u-md-3-4 "> < script src ="https://cdn.jsdelivr.net/gh/yonggemengmengda/yonggemengmengda.github.io@latest/js/radio.js "> </ script > < script type ="text/javascript " src ="https://cdn.jsdelivr.net/gh/yonggemengmengda/yonggemengmengda.github.io@latest/js/rain.js "> </ script > < link rel ="stylesheet " type ="text/css " href ="/css/radio.css "/> < div class ="d-audio "> </ div > < script > ( function ( ) {
5- let imgpath = 'https://cdn.jsdelivr.net/gh/yonggemengmengda/yonggemengmengda.github.io@latest' ;
6- let musicPath = 'https://music.163.com/song/media/outer/url?id='
7- let localMusic = [
8- { name :'Always with me' , src :musicPath + '574704385.mp3' , img : imgpath + '/video/AlwaysWitchMe.jpg' , singer :'园园' } ,
9- { name :'Poetry' , src :musicPath + '1919389.mp3' , img : imgpath + '/video/poetry.jpg' , singer : 'Robert Bonfiglio' } ,
10- { name :'Almost Lover' , src :musicPath + '16426514.mp3' , img : imgpath + '/video/AlmostLover.jpg' , singer : 'A Fine Frenzy' } ,
11- { name :'Snow Hill' , src :musicPath + '2529467.mp3' , img : imgpath + '/video/snow_hill.jpg' , singer : 'Diana Boncheva' } ,
12- { name :'Emerald Sword' , src :musicPath + '554455347.mp3' , img : imgpath + '/video/emeraldSword.jpg' , singer : 'Rhapsody' } ,
13- { name :'Sailing' , src :musicPath + '5201809.mp3' , img : imgpath + '/video/sailing.jpg' , singer : 'Rod Stewart' } ,
14- { name : "It's My Life" , src : musicPath + '3950546.mp3' , img : imgpath + '/video/isMyLife.png' , singer : 'Bon Jovi' } ,
15- { name : "Monsters" , src : musicPath + '28481189.mp3' , img : imgpath + '/video/monsters.jpg' , singer : 'Katie Sky' } ,
16- { name : 'Take me hand' , src : musicPath + '26092806.mp3' , img : imgpath + '/video/TakeMeHand.jpg' , singer : 'DAISHI DANCE / Cecile Corbel' } ,
17- { name : 'RA3 Theme - Soviet March' , src : musicPath + '5042951.mp3' , img : imgpath + '/video/SovietMarch.jpg' , singer : 'James Hannigan/The Skywalker Symphony Chorus' } ,
18- { name : 'Red Battle (Off Vocal Ver.)' , src : musicPath + '464192507.mp3' , img : imgpath + '/video/为美好的世界献上祝福.jpg' , singer : 'V.A' } ,
19- { name : '亦是此间少年' , src : musicPath + '1316921651.mp3' , img : imgpath + '/video/亦是此间少年.jpg' , singer : '枯木逢春' } ,
20- { name : '泼墨漓江' , src : musicPath + '454905890.mp3' , img : imgpath + '/video/泼墨漓江.jpg' , singer : '泠鸢yousa' } ,
21- { name : '眉间雪' , src : musicPath + '429460370.mp3' , img : imgpath + '/video/眉间雪.jpg' , singer : '卡修Rui' } ,
22- { name : 'Yesterday Once More' , src : musicPath + '3986241.mp3' , img : imgpath + '/video/Yesterday Once More.jpg' , singer : 'Carpenters' } ,
23- { name : 'Broadexpanded' , src : musicPath + '29737039.mp3' , img : imgpath + '/video/Broadexpanded.jpg' , singer : 'Diverse System' } ,
24- { name : '深海少女' , src : musicPath + '419375020.mp3' , img : imgpath + '/video/【钢琴】深海少女.jpg' , singer : '昼夜' } ,
25- { name : '你离开的事实' , src : musicPath + '139774.mp3' , img : imgpath + '/video/The truth that you leave.jpg' , singer : 'Pianoboy高至豪' } ,
26- { name : '天空之城' , src : musicPath + '410710261.mp3' , img : imgpath + '/video/天空之城.jpg' , singer : '徐立' } ,
27- { name : '黑暗中的身影' , src : musicPath + '525241087.mp3' , img : imgpath + '/video/黑暗中的身影.jpg' , singer : '川井宪次' }
28- ] ;
29- let curMusic = 0 ;
30- let d = new Daudio ( { ele : '.d-audio' , src : localMusic [ 0 ] . src , name : localMusic [ 0 ] . name , singer :localMusic [ 0 ] . singer , loop : false , imageurl :localMusic [ 0 ] . img , next :( ) => { let nextMusic = curMusic + 1 == localMusic . length ? 0 : curMusic + 1 ; curMusic = nextMusic ; d . checkAudio ( localMusic [ nextMusic ] . src , localMusic [ nextMusic ] . img , localMusic [ nextMusic ] . name , localMusic [ nextMusic ] . singer ) } } ) } ) ( ) </ script > < script > ( function ( ) {
31- window . wather = 'snow' ;
32- function debounce ( fn , delay ) {
33- let timer = null ;
34- return function ( ) {
35- if ( timer ) {
36- clearTimeout ( timer ) ;
37- }
38- timer = setTimeout ( fn , delay ) ;
39- } ;
40- }
41- $ ( '.wather-box li' ) . on ( 'click' , function ( ) {
42- $ ( '.wather-box li' ) . removeClass ( 'active' )
43- $ ( this ) . addClass ( 'active' )
44- if ( $ ( this ) . hasClass ( 'wather-snow' ) ) {
45- wather = 'snow'
46- rainStop ( )
47- snowInit ( )
48- } else if ( $ ( this ) . hasClass ( 'wather-rain' ) ) {
49- wather = 'rain'
50- snowStop ( )
51- rainInit ( )
52- }
53- } )
54-
55- //document.addEventListener('DOMContentLoaded',init_swiper,false);
56- //window.onresize = throttle(function(){init_swiper()},600);function throttle(method, mustRunDelay) {var tim,args = arguments,start;return function loop() {var self = this;var now = Date.now();if (!start) {start = now;}if (tim) {clearTimeout(tim);}if (now - start >= mustRunDelay) {method.apply(self, args);start = now;} else {tim = setTimeout(function() {loop.apply(self, args);}, 50);}}}function init_swiper(){let container = document.querySelector('.swiper-container');if(/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)){container.style.overflowY = 'auto'}else{container.style.overflow = 'hidden';let swiper = new Swiper('.swiper-container', {direction: 'vertical',slidesPerView: 'auto',freeMode: true,scrollbar: {el: '.swiper-scrollbar'},mousewheel: true}) }}
57- } ) ( ) </ script > < div id ="footer "> Copyright © 2022 < a href ="/. " rel ="nofollow "> 彼岸是海</ a > </ div > </ div > </ div > </ div > </ div > </ div > < div class ="swiper-scrollbar "> </ div > </ div > < script src ="https://cdn.jsdelivr.net/gh/yonggemengmengda/yonggemengmengda.github.io@latest/js/live2d.js "> </ script > < canvas id ="live2d " height ="420 " style ="transition:opacity .3s ease;opacity:0;display:none;width:260px;touch-action:none;user-select:none;z-index:999;position:fixed;bottom:-52px;right:calc((100% - 950px) / 2 - 10px) "> </ canvas > < script > if ( screen . width >= 600 ) {
58- loadlive2d ( 'live2d' , 'https://cdn.jsdelivr.net/gh/yonggemengmengda/yonggemengmengda.github.io@latest/live2dMod/bronya/model.model.json' )
59- let live2d = document . getElementById ( 'live2d' )
60- live2d . style . display = 'block'
61- setTimeout ( ( ) => {
62- live2d . style . opacity = 1
63- } , 300 )
64- } </ script > < a class ="show " id ="rocket " href ="#top "> </ a > < script type ="text/javascript " src ="https://cdn.jsdelivr.net/gh/yonggemengmengda/yonggemengmengda.github.io@latest/js/totop.js?v=1.0.5 " async > </ script > < script type ="text/javascript " src ="https://cdn.jsdelivr.net/gh/yonggemengmengda/yonggemengmengda.github.io@latest/js/codeblock-resizer.js?v=1.0.5 "> </ script > < script type ="text/javascript " src ="https://cdn.jsdelivr.net/gh/yonggemengmengda/yonggemengmengda.github.io@latest/js/smartresize.js?v=1.0.5 "> </ script > </ body > </ html >
0 commit comments