101101 < div class ="col-8 " id ="main ">
102102
103103< div class ="res-cons ">
104- < style type ="text/css ">
105- .post-toc {
106- position : fixed;
107- width : 200px ;
108- margin-left : -210px ;
109- padding : 5px 10px ;
110- font-family : Athelas, STHeiti, Microsoft Yahei, serif;
111- font-size : 12px ;
112- border : 1px solid rgba (0 , 0 , 0 , .07 );
113- border-radius : 5px ;
114- background-color : rgba (255 , 255 , 255 , 0.98 );
115- background-clip : padding-box;
116- -webkit-box-shadow : 1px 1px 2px rgba (0 , 0 , 0 , .125 );
117- box-shadow : 1px 1px 2px rgba (0 , 0 , 0 , .125 );
118- word-wrap : break-word;
119- white-space : nowrap;
120- -webkit-box-sizing : border-box;
121- box-sizing : border-box;
122- z-index : 999 ;
123- cursor : pointer;
124- max-height : 70% ;
125- overflow-y : auto;
126- overflow-x : hidden;
127- }
128-
129- .post-toc .post-toc-title {
130- width : 100% ;
131- margin : 0 auto;
132- font-size : 20px ;
133- font-weight : 400 ;
134- text-transform : uppercase;
135- text-align : center;
136- }
137-
138- .post-toc .post-toc-content {
139- font-size : 15px ;
140- }
141-
142- .post-toc .post-toc-content > nav > ul {
143- margin : 10px 0 ;
144- }
145-
146- .post-toc .post-toc-content ul {
147- padding-left : 20px ;
148- list-style : square;
149- margin : 0.5em ;
150- line-height : 1.8em ;
151- }
152-
153- .post-toc .post-toc-content ul ul {
154- padding-left : 15px ;
155- display : none;
156- }
157-
158- @media print,
159- screen and (max-width : 1057px ) {
160- .post-toc {
161- display : none;
162- }
163- }
164- </ style >
165- < div class ="post-toc " style ="position: absolute; top: 188px; ">
166- < h2 class ="post-toc-title "> 文章目录</ h2 >
167- < div class ="post-toc-content ">
168- < nav id ="TableOfContents ">
169- < ul >
170- < li > < a href ="#test "> test</ a > </ li >
171- </ ul >
172- </ nav >
173- </ div >
174- </ div >
175- < script type ="text/javascript ">
176- $ ( document ) . ready ( function ( ) {
177- var postToc = $ ( ".post-toc" ) ;
178- if ( postToc . length ) {
179- var leftPos = $ ( "#main" ) . offset ( ) . left ;
180- if ( leftPos < 220 ) {
181- postToc . css ( { "width" :leftPos - 10 , "margin-left" :( 0 - leftPos ) } )
182- }
183-
184- var t = postToc . offset ( ) . top - 20 ,
185- a = {
186- start : {
187- position : "absolute" ,
188- top : t
189- } ,
190- process : {
191- position : "fixed" ,
192- top : 20
193- } ,
194- } ;
195- $ ( window ) . scroll ( function ( ) {
196- var e = $ ( window ) . scrollTop ( ) ;
197- e < t ? postToc . css ( a . start ) : postToc . css ( a . process )
198- } )
199- }
200- } )
201- </ script >
104+
105+
202106 < article class ="post ">
203107 < header >
204108 < h1 class ="post-title "> 关于我</ h1 >
@@ -262,7 +166,8 @@ <h2>See Also</h2>
262166
263167 </ div >
264168
265- < div id ="secondary ">
169+
170+ < div id ="secondary ">
266171 < section class ="widget ">
267172 < form id ="search " action ='https://fevin.github.io/search/ ' method ="get " accept-charset ="utf-8 " target ="_blank " _lpchecked ="1 ">
268173
@@ -331,6 +236,7 @@ <h3 class="widget-title">其它</h3>
331236 </ ul >
332237 </ section >
333238</ div >
239+
334240 </ div >
335241 </ div >
336242 </ div >
@@ -381,4 +287,4 @@ <h3 class="widget-title">其它</h3>
381287
382288</ body >
383289
384- </ html >
290+ </ html >
0 commit comments