Custom page style fix

moell-peng · moell-peng · commit ca7e8f0583ee · 2018-11-09T10:45:42.000+08:00
diff --git a/public/default/css/index.css b/public/default/css/index.css
@@ -58,6 +58,9 @@
     margin-top:25px;
 }
 
+.article-list .title {
+    font-size:16px;
+}
 
 .article-list .desc {
     margin-top:15px;
@@ -110,6 +113,11 @@ a {
     max-width: 100%;
 }
 
+.markdown-preview table td, .markdown-preview table th {
+    border: 1px solid #ddd;
+    padding: 5px;
+}
+
 pre {
     padding:0;
 }
diff --git a/resources/views/default/page.blade.php b/resources/views/default/page.blade.php
@@ -25,6 +25,8 @@
 
     <link rel="stylesheet" href="{{ asset('default/css/index.css') }}">
 
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/highlight.js/latest/styles/github.min.css">
+
 </head>
 <body>
 @inject('systemPresenter', 'App\Presenters\SystemPresenter')
@@ -76,6 +78,12 @@
 
 <script src="{{ asset('default/js/index.js') }}"></script>
 
+<script src="https://cdn.jsdelivr.net/highlight.js/latest/highlight.min.js"></script>
+
+<script>
+  hljs.initHighlightingOnLoad();
+</script>
+
 @yield('script')
 </body>
 </html>
diff --git a/resources/views/default/show_page.blade.php b/resources/views/default/show_page.blade.php
@@ -9,7 +9,6 @@
 @section('keywords', $systemPresenter->checkReturnValue('seo_keyword', $page->keyword))
 
 @section('style')
-    <link rel="stylesheet" href="{{ asset('editor.md/css/editormd.preview.min.css') }}">
     <link rel="stylesheet" href="{{ asset('share.js/css/share.min.css') }}">
 @endsection
 
@@ -30,7 +29,7 @@
 @endsection
 
 @section('content')
-    <div class="markdown-body editormd-html-preview" style="padding:0;">
+    <div class="markdown-preview" style="padding:0;">
         {!! $page->html_content !!}
     </div>
 

Original file line number	Diff line number	Diff line change
`@@ -58,6 +58,9 @@`
`58`	`58`	`margin-top:25px;`
`59`	`59`	`}`
`60`	`60`
	`61`	`+.article-list .title {`
	`62`	`+ font-size:16px;`
	`63`	`+}`
`61`	`64`
`62`	`65`	`.article-list .desc {`
`63`	`66`	`margin-top:15px;`
`@@ -110,6 +113,11 @@ a {`
`110`	`113`	`max-width: 100%;`
`111`	`114`	`}`
`112`	`115`
	`116`	`+.markdown-preview table td, .markdown-preview table th {`
	`117`	`+ border: 1px solid #ddd;`
	`118`	`+ padding: 5px;`
	`119`	`+}`
	`120`	`+`
`113`	`121`	`pre {`
`114`	`122`	`padding:0;`
`115`	`123`	`}`