BeeCoder BeeCoder blog,use Jekyll and github pages. https://beecoder77.github.io/ Sat, 28 Dec 2019 14:44:15 +0000 Sat, 28 Dec 2019 14:44:15 +0000 Jekyll v3.8.5 code snippet test <p>This is a raw snippet:</p> <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>hello world 123 This is a text snippet </code></pre></div></div> <p>This is a JavaScript snippet:</p> <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>const add = (a, b) =&gt; a + b const minus = (a, b) =&gt; a - b console.log(add(100,200)) // 300 console.log(minus(100,200)) // -100 </code></pre></div></div> <p>This is a Python snippet:</p> <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>def say_hello(): print("hello world!") say_hello() // "hello world!" </code></pre></div></div> <hr /> <p>Side note comment: applied a bug fix similar to <a href="https://github.com/Atlas7/atlas7.github.io/commit/6659f4a47f6ec66987adb0f683a9c6f3842252ae#diff-818954a41dbfb01af70050a459c603b9">this commit</a> to ensure code snippet does not collapse unexpectly upon clicking on it. This issue is tracked <a href="https://github.com/jarrekk/Jalpc/issues/97">here</a>.</p> Thu, 21 Dec 2017 00:00:00 +0000 https://beecoder77.github.io/html/2017/12/21/test-code-snippets.html https://beecoder77.github.io/html/2017/12/21/test-code-snippets.html Jalpc Jekyll HTML 3 Steps (2 minutes) to Setup Your Personal Website with Jalpc <p>Everyone wants to have a personal website, you can display your infomation to public, post blogs and make friends. If you are CS engineer, haveing a self website will benefit your interview.</p> <p>So, if you like this website <a href="https://jarrekk.github.io/Jalpc/">https://jarrekk.github.io/Jalpc/</a> or <a href="http://www.jarrekk.com">http://www.jarrekk.com</a> and are willing to have a website, here is a way to build your website in 3 steps(2 minutes). Following are steps to setup your website(make sure you have basic knowledge of <a href="https://jekyllrb.com/">Jekyll</a> and <a href="https://pages.github.com/">GitHub Pages</a>, if you want to custom css/js <a href="https://github.com/npm/npm">NPM</a> is needed):</p> <ol> <li> <p>Fork <a href="https://github.com/jarrekk/Jalpc">this project – Jalpc</a> at <a href="https://github.com">GitHub</a>. If you want to edit website at github, do it as following gif or clone forked repository. <code class="language-plaintext highlighter-rouge">git clone git@github.com:github_username/Jalpc.git</code>.</p> <p><!-- ![edit](/static/assets/img/blog/3steps/edit.gif) --> <img src="/static/assets/img/blog/3steps/edit.gif" width="75%" /></p> </li> <li> <p>Enter into repository directory and edit following file list:</p> <ul> <li> <p><strong>_config.yml</strong>: edit ‘Website settings’, ‘author’, ‘comment’ and ‘analytics’ items.</p> </li> <li> <p><strong>_data/landing.yml</strong>: custom sections of index page.</p> </li> <li> <p><strong>_data/index/</strong>: edit sections’ data to yours at index page, please notice comment at each file.</p> </li> <li> <p><strong>_data/blog.yml</strong>: edit navbar(categories) of blog page, if you have different/more blog page, copy <code class="language-plaintext highlighter-rouge">blog/python.html</code> and change it to your category HTML file, and edit <strong>Python</strong>, <strong>/python/</strong> to your category name at items <strong>title</strong> and <strong>permalink</strong>, make sure title is the same as permalink but capitalized first letter(except HTML).</p> </li> <li> <p><strong>CNAME</strong>: If you wanna release website at your own domain name: edit it and create <code class="language-plaintext highlighter-rouge">gh-pages</code> branch; if you want to use <em>github_username.github.io</em>: leave it blank.</p> </li> <li> <p>Go to repo’s settings panel, config <strong>GitHub Pages</strong> section to make sure website is released.</p> </li> </ul> </li> <li> <p>Push changes to your github repository and view your website, done!</p> </li> </ol> <p>From now on, you can post your blog to this website by creating md files at <code class="language-plaintext highlighter-rouge">post/</code> directory and push it to GitHub, you can clear files at this directory before you post blogs.</p> <p>If you like this repository, I appreciate you star this repository. Please don’t hesitate to mail me or post issues on GitHub if you have any questions. Hope you have a happy blog time!😊</p> Tue, 31 Jan 2017 00:00:00 +0000 https://beecoder77.github.io/html/2017/01/31/3-steps-to-setup-website-with-Jalpc.html https://beecoder77.github.io/html/2017/01/31/3-steps-to-setup-website-with-Jalpc.html Jalpc Jekyll HTML