Vue.js and Django: Modern Multi-Page Website

A while ago I started building a website using Django as its backend and Vue.js as its frontend. Unlike other apps, however, there is a twist: it is multi-page. The website should resemble a normal website built natively on Django, with multiple urls and the ability to jump into any page (without faking it with vue-router) as well as Vue’s reactiveness. So, after digging around various tutorials and guides, none of which fully answered the question, I would like to share my piece in solving the equation.

Introduction and TLDR

This post will start with the basics of using Vue.js and Django. Then, it will move on to use more advanced tools such as webpack to serve the Vue.js frontend on Django. Finally, we will be modifying it a bit to serve multi-page Vue.js.

I have also created a Github repo that includes the finished project of this tutorial. You can check it out at (gundamMC/vue-django-multipage-example).

Continue reading →
Gigabyte P106-100 Mining GPU

P106-100 Mining GPU – Review & Benchmarks

Since the Chinese “hack” allowing the mining GPU to run DirectX, the P106 has gained enormous attention within the international hardware community. Before the hack, prices on Taobao varied around 200 RMB (about 30 USD). After the hack, prices nearly doubled to 400 RMB (60 USD). So, then, what is the P106?

Hacking the P106

The P106 was originally meant to be a mining GPU. There are no display outputs, no video-encoding support, and no directX. This, however, was changed with the hack.

By modifying NVIDIA’s drivers, the P106 is able to be seen as a GTX1060. And, with Window’s feature to run a “high-performance” gpu through the display of an integrated gpu, as often used in laptops, we can use the P106 to run games and other gpu-demanding applications.

The hack demonstrated by LinusTechTips
Continue reading →

Live2D in Electron – live2d-widget.js

As part of a larger project (upcoming), I am currently working on an electron application, which has Live2D as a key feature. After digging around Github, I found xiazeyu/live2d-widget.js, a JavaScript implementation of Live2D.

This tutorial was originally intended for Electron. However, I soon found that it applies to all platforms, not just Electron. Thus, feel free to continue even if you’re using something else. Everything should apply as long as it is HTML-JS based.

Using Live2d in live2d-widget.js

Importing Live2d-Widget.js is easy. Simply download the JavaScript files and then place them in your electron project folder. Then, import Live2d-Widget in your html file.

<script src="L2Dwidget.min.js"></script>

Next, create a canvas for your Live2D figure.

Continue reading →